<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Shalim Mora </title>
    <description>The latest articles on DEV Community by Shalim Mora  (@shalimmo).</description>
    <link>https://dev.to/shalimmo</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F742595%2F3d76f82a-8f23-49f4-be45-89ebc4e74cf7.jpeg</url>
      <title>DEV Community: Shalim Mora </title>
      <link>https://dev.to/shalimmo</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/shalimmo"/>
    <language>en</language>
    <item>
      <title>How to customize colors and fonts in WooCommerce store with Avada Theme?</title>
      <dc:creator>Shalim Mora </dc:creator>
      <pubDate>Thu, 19 Jan 2023 17:40:48 +0000</pubDate>
      <link>https://dev.to/shalimmo/how-to-customize-colors-and-fonts-in-woocommerce-store-with-avada-theme-256d</link>
      <guid>https://dev.to/shalimmo/how-to-customize-colors-and-fonts-in-woocommerce-store-with-avada-theme-256d</guid>
      <description>&lt;p&gt;After a long time, I returned with a topic for which I did not find helpful information on the web and I ended up finding the answer without help, as always the answer was obvious but I did not see it.&lt;/p&gt;

&lt;p&gt;It turns out that I installed WooCommerce on my site so that my clients can pay my fees through it, but when I finished I could see that the shop page was a little different from the rest of my site, for example, the colors of the buttons were inverted, the sources too, etc, etc…&lt;br&gt;
And well, when going to the store page to edit it, it only had a code that is used to make the store page appear, as well as on the Cart and Checkout page.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftg788ubw5bz23v1hfmbl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftg788ubw5bz23v1hfmbl.png" alt="Image description" width="800" height="595"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Well let's start!, first you have to go to: Appearance&amp;gt;Global Options&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo9orw0lmq5gs4mrh7lmt.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo9orw0lmq5gs4mrh7lmt.png" alt="Image description" width="394" height="484"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Once inside there is a huge menu on one side of the Dashboard, go to the Typography&amp;gt;Heading Typography option&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdj3ikmcry2rah04ibd2q.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdj3ikmcry2rah04ibd2q.png" alt="Image description" width="498" height="1224"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We are only interested in:&lt;/p&gt;

&lt;p&gt;H3-The font of the product name on the product page&lt;/p&gt;

&lt;p&gt;Post title typography - the font of recommended products&lt;/p&gt;

&lt;p&gt;H2 -The source of the items you have in the cart and the cart totals&lt;/p&gt;

&lt;p&gt;H4- The source of subtotal and total on the cart page and the Checkout page&lt;/p&gt;

&lt;p&gt;H3- Billing details and "your order" on the checkout page.&lt;/p&gt;

&lt;p&gt;Then in the same menu, they go to the 'Body typography' and practically here it is to configure all the small text.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fajqetz0on6rsi3ffr1ii.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fajqetz0on6rsi3ffr1ii.png" alt="Image description" width="500" height="372"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In the same menu, there is the Avada Builder Elements option, personally, I only configured the buttons and you should take into account that as you configure the buttons here, they will be seen on your entire site, not only on the WooCommerce store.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcvi4ithxi4iq68p7bymy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcvi4ithxi4iq68p7bymy.png" alt="Image description" width="800" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Finally, they have to go to the WooCommerce option&amp;gt; General WooCommerce and WooCommerce Style and in both, they can make many customizations within the Store, Cart, and Checkout.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnjssr3kpd3s4cs9z8l6x.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnjssr3kpd3s4cs9z8l6x.png" alt="Image description" width="800" height="685"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And well that's all for today, if you want to see how my WooCommerce Store turned out, you can see it &lt;a href="https://www.shalimmora.com/payments/" rel="noopener noreferrer"&gt;here.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://medium.com/@shalimhoms/c%C3%B3mo-personalizar-colores-y-fuentes-en-la-tienda-de-woocommerce-con-avada-theme-44b11c14278b" rel="noopener noreferrer"&gt;Lee este post en Español&lt;/a&gt;&lt;/p&gt;

</description>
      <category>systemdesign</category>
      <category>architecture</category>
      <category>development</category>
      <category>discuss</category>
    </item>
    <item>
      <title>How To Install Extensions in BlueJ if you have Mac OSX</title>
      <dc:creator>Shalim Mora </dc:creator>
      <pubDate>Tue, 05 Apr 2022 21:03:15 +0000</pubDate>
      <link>https://dev.to/shalimmo/how-to-install-extensions-in-bluej-if-you-have-mac-osx-5768</link>
      <guid>https://dev.to/shalimmo/how-to-install-extensions-in-bluej-if-you-have-mac-osx-5768</guid>
      <description>&lt;p&gt;I'm very distracted and I kwnow that there are many people like me, so if you are distracted like me and you wanna install an extension in BlueJ, you have to follow the next steps:&lt;/p&gt;

&lt;p&gt;1.- You have to download and Install BlueJ you can go to &lt;a href="https://www.bluej.org/"&gt;https://www.bluej.org/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--EmU_nh91--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9f6osqh3ey66g1qn3xgq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--EmU_nh91--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9f6osqh3ey66g1qn3xgq.png" alt="Image description" width="880" height="440"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;2.- Now you have a BlueJ Folder like this&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--IFUdu-IQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p23cpbo6ocinbwtifwu7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--IFUdu-IQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p23cpbo6ocinbwtifwu7.png" alt="Image description" width="880" height="503"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;3.- Open the folder and Command-click BlueJ.app and choose Show Package Contents&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CfnrZB1N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9fcgkuw5j2xha9dz7fv8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CfnrZB1N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9fcgkuw5j2xha9dz7fv8.png" alt="Image description" width="880" height="608"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;4.- Extensions are installed by placing the extension jar file into an extension directory&lt;/p&gt;

&lt;p&gt;/BlueJ.app/Contents/Resources/Java/extensions2&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--yTetLBf0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cph0xur5xwqpp6cer54k.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--yTetLBf0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cph0xur5xwqpp6cer54k.png" alt="Image description" width="750" height="798"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;5.- Now open your BlueJ, go to help &amp;gt;installed extensions and you will can see your "installed extensions"&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--B6JPcIvZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/skllgwp5q29iemlhwdca.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--B6JPcIvZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/skllgwp5q29iemlhwdca.png" alt="Image description" width="880" height="661"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And in case you didn't see it before, all this information can be found on the same BlueJ page, I found it after reading carefully and searching unsuccessfully all over the web.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.bluej.org/extensions/extensions2.html"&gt;https://www.bluej.org/extensions/extensions2.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;BlueJ 5 has a rewritten extensions API &lt;a href="https://www.bluej.org/extensions/extensions2.html"&gt;explained here.&lt;/a&gt; the extensions page still exists for those interested in extensions for BlueJ 4 and older only, but for BlueJ5 and later you can use &lt;a href="https://www.bluej.org/extensions/extensions2.html"&gt;this extensions&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;WRITING EXTENSIONS&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;1.- Since BlueJ 5 you can write your own extension, if you wanna find out how to write your own extensions, you can &lt;a href="https://www.bluej.org/extensions/writingextensions2.html"&gt;read this&lt;/a&gt; &lt;br&gt;
2.- You will need &lt;a href="https://www.bluej.org/doc/extensionsAPI2/"&gt;BlueJ extension API documentation&lt;/a&gt;&lt;br&gt;
3.- If you wanna share an extension with BlueJ you have to contact them &lt;a href="https://www.bluej.org/support.html"&gt;here&lt;br&gt;
&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://medium.com/@shalimhoms/c%C3%B3mo-instalar-extensiones-en-bluej-si-tienes-macos-97f7dc432b24"&gt;Lee este post en español&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>What is Object-oriented Programming ?</title>
      <dc:creator>Shalim Mora </dc:creator>
      <pubDate>Mon, 01 Nov 2021 23:56:06 +0000</pubDate>
      <link>https://dev.to/shalimmo/what-is-object-oriented-programming--14nk</link>
      <guid>https://dev.to/shalimmo/what-is-object-oriented-programming--14nk</guid>
      <description>&lt;p&gt;Object Oriented Programming is a different way of programming and with this type of programming we can express ourselves more precisely to things in real life than other types of programming.&lt;br&gt;
Well, first of all we must learn to identify What is an object ?, since an object is one that has Attributes (Characteristics), Methods (Actions).&lt;br&gt;
Most of the post is as an example of an object to a car and that meets the requirements of having Attributes and Methods.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--OypGS3oF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e1mduj9m0z0ubof30r0k.JPG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--OypGS3oF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e1mduj9m0z0ubof30r0k.JPG" alt="Image description" width="880" height="520"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;But we can also use a fraction like 8/8 as an example since it also complies with having Attributes (Numerator and Denominator) and Methods (It can be simplified, it can be added with another fraction, it can be subtracted with another fraction).&lt;br&gt;
Now let's see what are classes?&lt;br&gt;
Well, a Class is a set of objects that have&lt;br&gt;
similar attributes and methods.&lt;br&gt;
In the case of Java, the first thing we create is a Class and from this class we create the objects with their methods and attributes, it is important to know that once we have a class we can create all the objects we want within it.&lt;br&gt;
What is a message in Object Oriented Programming?&lt;br&gt;
It is the one that allows objects to interact, once an object has received a message it will change its state or the execution of some task.&lt;br&gt;
Techniques of the six-year term:&lt;br&gt;
Within the object-oriented programming the "Techniques of the six-year term" are used, which are: Inheritance, Cohesion, Coupling, Abstraction, Polymorphism and Encapsulation.&lt;br&gt;
And so that you do not remain in doubt, I will give you a simple explanation of each one.&lt;br&gt;
INHERITANCE:&lt;br&gt;
It is the mechanism in which a class inherits the attributes and methods of another class, inheritance facilitates code reuse and is an important concept of OOP.&lt;br&gt;
COHESION:&lt;br&gt;
It does everything about how a single class is designed, the term cohesion makes it known that a certain class was made for a single purpose and the elements within this module stay together.&lt;br&gt;
Whenever coupling is reduced, cohesion increases.&lt;br&gt;
COUPLING:&lt;br&gt;
This refers to the degree of direct knowledge that one element has of another, a measure of how closely connected two routines or modules are.&lt;br&gt;
ABSTRACTION:&lt;br&gt;
The abstraction is the one that shows only the necessary attributes and hides the information that is not necessary.&lt;br&gt;
POLYMORPHISM:&lt;br&gt;
Occurs when there are one or more classes or objects related to each other by inheritance.&lt;br&gt;
Simply put, it is the ability of an object or class to take many forms.&lt;br&gt;
And last but not least:&lt;br&gt;
ENCAPSULATION:&lt;br&gt;
It makes the grouping of data these references, including the methods that operate, but in a single unit&lt;br&gt;
Even some programming languages ​​use encapsulation in the form of classes.&lt;br&gt;
This was only a small explanation about each of these techniques but later I will make a more detailed explanation about each one including examples and images. 😉&lt;br&gt;
Now we go to the programming languages ​​that deal with object-oriented programming.&lt;br&gt;
In itself the term Object Oriented Programming was created by Alan Kay and this was inspired by the Sketchpad program, but the first language that was recognized as object oriented was Simula, later Alan Kay along with other programmers created Smalltalk.&lt;br&gt;
Currently the best known languages ​​that use Object Oriented Programming are:&lt;br&gt;
Phyton&lt;br&gt;
Javascript&lt;br&gt;
Ruby&lt;br&gt;
Scala&lt;br&gt;
PHP&lt;br&gt;
Java&lt;br&gt;
C ++&lt;br&gt;
Among others…&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
