{"id":3236,"date":"2021-07-26T16:53:08","date_gmt":"2021-07-26T21:53:08","guid":{"rendered":"https:\/\/giovanirodriguez.dev\/?p=3236"},"modified":"2021-07-26T16:53:08","modified_gmt":"2021-07-26T21:53:08","slug":"how-to-learn-web-development","status":"publish","type":"post","link":"https:\/\/giovanirodriguez.dev\/how-to-learn-web-development\/","title":{"rendered":"How to Learn Web Development?"},"content":{"rendered":"\n<p>With the Internet, it is possible to learn anything. There are entire pages dedicated to selling courses or even offering them for free. With the help of the internet can learn any subject and develop any skill. All you need is time and the right tools. Learning web development is no exception. There are many online tools and courses that can help you. I\u2019ll give you a guide here so you know where to begin, start getting familiar with some aspects and get to know some tools and courses for beginners. Also, if you already have been learning for some time, I\u2019m going to recommend pages for you to practice your programming skills.<\/p>\n\n\n\n<p>Without further ado, let us move on to the first point.<\/p>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-8789912029337488\" data-ad-slot=\"9182886459\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">1. Understanding what is web development<\/h2>\n\n\n\n<p>Some might find it unnecessary to stop here, but this is the real starting point. When we think about web development we think about creating internet sites and we are not wrong. However, this does not say everything about the processes that this implies. On the other hand, there is plenty of vocabulary that you will need to handle to understand tutorials and manuals. That\u2019s why it\u2019s important to stop here and clarify what you study when learning web design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/kevin-ku-w7ZyuGYNpRQ-unsplash-1-1024x768.jpg\" alt=\"Laptop with coding on the screen, glasses rest on the keyboard\" class=\"wp-image-3237 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/768;\" \/><noscript><img decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/kevin-ku-w7ZyuGYNpRQ-unsplash-1-1024x768.jpg\" alt=\"Laptop with coding on the screen, glasses rest on the keyboard\" class=\"wp-image-3237\"\/><\/noscript><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What is web development?<\/h3>\n\n\n\n<p>Web development is the work of building and maintaining websites. Websites, in their most basic form, are a set of files stored on a server. People access them via a browser, download information from the site, and upload new information to the server. This circular flow is the basic principle of the internet.<\/p>\n\n\n\n<p>Web developers are the ones creating the sites. While a person reads a blog, makes a purchase online, or watches a video, behind it are codes and channels of communication with the server that make it possible. This engineering behind it is the work of web developers.<\/p>\n\n\n\n<p>Maybe at some point in your school education (depending on how old you are) you had computer classes and were taught some HTML code. You had to write a lot of instructions so that a website had a title, a paragraph, an image, a background... Besides that, the options were very basic and the page was not uploaded to any server, it was just a computer file that was opened with the browser.<\/p>\n\n\n\n<p>Web development does have to do with that experience of computer classes and at the same time does not. The point is that technology is moving faster and many processes are simplified with some tools. But also, what you learned in computer class wasn\u2019t the most complete information.<\/p>\n\n\n\n<p>In web development, there are two areas to cover: what the user sees and what is not seen but makes the site work. I'm talking about front-end and back-end web development respectively.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Front-end, back-end, or full-stack?<\/h3>\n\n\n\n<p>So, web development has two parts. The first is about what is loaded on the site, what the customer sees on the page, this is the front-end. While the back-end is related to the server and the processes that are not in view. We can imagine a website as a restaurant in which the front-end is the front of the building, the decoration of the dining room, the chairs, the dishes, and how the food looks. While the back-end is what happens behind, supplies deliveries and cooking food.<\/p>\n\n\n\n<p>A developer can program what the website holds or program what the customer sees when they enter the site. Neither is better than the other or more difficult than the other. It\u2019s a matter of preferences, some are passionate about design and care about the user experience. Others like to take care of the communication between the server and the page, the databases, and the internal engineering of the page. Both perspectives are valid.<\/p>\n\n\n\n<p>There is a third option, which is to pursue both, to be full-stack. In any case, I do recommend that you learn at least a little from both of us to decide what you like best.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Educate yourself<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Courses to learn web development from the beginning<\/h3>\n\n\n\n<p>The hardest part is always starting. When you don\u2019t have previous knowledge or experience, you may feel lost. Also, it can be intimidating to try to learn by trial and error. Beyond fear, it can be a path to frustration. A course that covers basic content on web development is a good place to start.<\/p>\n\n\n\n<p>Many online courses cover the basics of web development. The best thing is that there are options for every budget, even free options. Here you have some.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Treehouse<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-144919-1-1024x426.jpg\" alt=\"Treehouse main page\" class=\"wp-image-3239 lazyload\" width=\"657\" height=\"273\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 657px; --smush-placeholder-aspect-ratio: 657\/273;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-144919-1-1024x426.jpg\" alt=\"Treehouse main page\" class=\"wp-image-3239\" width=\"657\" height=\"273\"\/><\/noscript><\/figure>\n\n\n\n<p>For twenty-five dollars a month you can learn programming. Treehouse offers video courses made by experts in the subject. In addition, there are interactive hands-on sessions. If you wish, you can enroll in programs that will give you an official degree. You can also try it for free for seven days. If you are interested, click <a href=\"https:\/\/teamtreehouse.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">LinkedIn Learning with Lynda.com<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142152-1024x465.png\" alt=\"LinkedIn and Lynda main page\" class=\"wp-image-3240 lazyload\" width=\"661\" height=\"300\" data-srcset=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142152-1024x465.png 1024w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142152-300x136.png 300w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142152-768x349.png 768w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142152.png 1363w\" data-sizes=\"auto, (max-width: 661px) 100vw, 661px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 661px; --smush-placeholder-aspect-ratio: 661\/300;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142152-1024x465.png\" alt=\"LinkedIn and Lynda main page\" class=\"wp-image-3240\" width=\"661\" height=\"300\" srcset=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142152-1024x465.png 1024w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142152-300x136.png 300w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142152-768x349.png 768w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142152.png 1363w\" sizes=\"auto, (max-width: 661px) 100vw, 661px\" \/><\/noscript><\/figure>\n\n\n\n<p>LinkedIn was combined with Lynda.com to offer the best courses to grow and improve your resume. It is noteworthy the options they have for web development, there are more than 200 courses. You can learn for as little as twenty-nine dollars a month. If you want to know more, click <a href=\"https:\/\/www.linkedin.com\/learning\/me\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Udemy<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142422-1024x460.png\" alt=\"Udemy main page\" class=\"wp-image-3241 lazyload\" width=\"662\" height=\"297\" data-srcset=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142422-1024x460.png 1024w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142422-300x135.png 300w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142422-768x345.png 768w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142422.png 1348w\" data-sizes=\"auto, (max-width: 662px) 100vw, 662px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 662px; --smush-placeholder-aspect-ratio: 662\/297;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142422-1024x460.png\" alt=\"Udemy main page\" class=\"wp-image-3241\" width=\"662\" height=\"297\" srcset=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142422-1024x460.png 1024w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142422-300x135.png 300w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142422-768x345.png 768w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-27-142422.png 1348w\" sizes=\"auto, (max-width: 662px) 100vw, 662px\" \/><\/noscript><\/figure>\n\n\n\n<p>Udemy offers courses on everything you can imagine. There is no monthly subscription, you only pay for the courses you want to take. The interesting thing is that you can filter the results by price and one of those filters shows you only the free options. (As in the image above). Try it out <a href=\"https:\/\/www.udemy.com\/courses\/development\/web-development\/?price=price-free&amp;sort=popularity\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Code Academy<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-151514-1-1024x479.jpg\" alt=\"Code Academy main page\" class=\"wp-image-3242 lazyload\" width=\"682\" height=\"318\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 682px; --smush-placeholder-aspect-ratio: 682\/318;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-151514-1-1024x479.jpg\" alt=\"Code Academy main page\" class=\"wp-image-3242\" width=\"682\" height=\"318\"\/><\/noscript><\/figure>\n\n\n\n<p>Learn web development for free. With Code Academy, you will move from the basics to the complex, with applied exercises when you have already gained some experience. Register <a href=\"https:\/\/www.codecademy.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Practice<\/h2>\n\n\n\n<p>Once you know the basics, nothing should stop you. Web development is one of those skills you need to constantly put into practice, like playing an instrument. It\u2019s best if you spend time developing projects and trying new things. Here are some places that can help you improve or help you think outside the box.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Improve your abilities<\/h3>\n\n\n\n<p>If you want to refine your skills, you can use specialized courses. You can skip the basics and go straight to what you want to learn to complete your knowledge.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Plural Sight<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-155917-1-1024x459.jpg\" alt=\"Plural Sight main page\" class=\"wp-image-3243 lazyload\" width=\"644\" height=\"288\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 644px; --smush-placeholder-aspect-ratio: 644\/288;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-155917-1-1024x459.jpg\" alt=\"Plural Sight main page\" class=\"wp-image-3243\" width=\"644\" height=\"288\"\/><\/noscript><\/figure>\n\n\n\n<p>On this site, you can do a test to identify gaps in your knowledge. So you can focus specifically on what you\u2019re missing to learn. Start <a href=\"https:\/\/www.pluralsight.com\/product\/skills?utm_term=&amp;pslp=product-skills&amp;aid=701j0000002BGheAAG&amp;promo=&amp;utm_source=branded&amp;utm_medium=digital_paid_search_google&amp;utm_campaign=NASA_MEX_Brand_E&amp;utm_content=&amp;cq_cmp=230435358&amp;gclid=CjwKCAjwuvmHBhAxEiwAWAYj-JWuboZKtuQBcBi2dHmiaboncIMPs2zsg1ZW-tHUslmdTnSsNtT_phoC0ToQAvD_BwE\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Exercism<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-160014-1-1024x469.png\" alt=\"Exercism main page\" class=\"wp-image-3244 lazyload\" width=\"665\" height=\"304\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 665px; --smush-placeholder-aspect-ratio: 665\/304;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-160014-1-1024x469.png\" alt=\"Exercism main page\" class=\"wp-image-3244\" width=\"665\" height=\"304\"\/><\/noscript><\/figure>\n\n\n\n<p>To practice programming, there is no such thing as Exercism. This is an open resource made by developers for developers. Work by project and receive free tutorials. Start <a href=\"https:\/\/exercism.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">MDN Web Codes<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-160226-1-1024x457.png\" alt=\"MDN Web Docs main page\" class=\"wp-image-3245 lazyload\" width=\"681\" height=\"303\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 681px; --smush-placeholder-aspect-ratio: 681\/303;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-160226-1-1024x457.png\" alt=\"MDN Web Docs main page\" class=\"wp-image-3245\" width=\"681\" height=\"303\"\/><\/noscript><\/figure>\n\n\n\n<p>Created by an open community of web developers, MDN Web Codes is perfect for improvement in specific areas. You can search only for what you need to know, learn or consult. It stays well-updated then you will always be up to date. You can also get pragmatic explanations from professionals. Try it <a href=\"https:\/\/developer.mozilla.org\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Challenge your abilities<\/h3>\n\n\n\n<p>There\u2019s a time in learning anything where you feel you know everything. When you reach that point in web development, it\u2019s time to take on challenges. These pages offer challenges that will help you think outside the box and learn from other developers.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Code Wars<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-160824-1-1024x459.jpg\" alt=\"Code Wars main page\" class=\"wp-image-3246 lazyload\" width=\"651\" height=\"291\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 651px; --smush-placeholder-aspect-ratio: 651\/291;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-160824-1-1024x459.jpg\" alt=\"Code Wars main page\" class=\"wp-image-3246\" width=\"651\" height=\"291\"\/><\/noscript><\/figure>\n\n\n\n<p>This is a site of programming challenges. The motto is: Achieve mastery through challenge. You can choose the program and programming language you want, so you will always improve on what you are interested in. Once you complete the challenge, you can compare your solution to the rest of the community. It helps you learn web development through experience. Start <a href=\"https:\/\/www.codewars.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Free Code Camp<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-161013-1-1024x464.png\" alt=\"Free code camp main page\" class=\"wp-image-3247 lazyload\" width=\"613\" height=\"277\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 613px; --smush-placeholder-aspect-ratio: 613\/277;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-161013-1-1024x464.png\" alt=\"Free code camp main page\" class=\"wp-image-3247\" width=\"613\" height=\"277\"\/><\/noscript><\/figure>\n\n\n\n<p>Programming has never been as accessible as it is thanks to Free Code Camp. As the name suggests it is free and it is also made up of a large community. The idea is to learn through challenges and you can learn HTML5 and CSS3. A super page to learn web development. Start <a href=\"https:\/\/www.freecodecamp.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. Having Tools at Hand<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Code Editor<\/h3>\n\n\n\n<p>Just as there are programs to write texts, like Word, there are code editors. A code editor lets you write and mark up the code that will make your website a reality. Getting to know them is important if you are starting as a developer.<\/p>\n\n\n\n<p>They may be individual applications or an included feature of an IDE (Integrated Development Environment). In any case, it is the space in which you will write the code.<\/p>\n\n\n\n<p>One option to get started is Visual Studio Code. It is a free, open-source option that is also compatible with Windows, Linux, and macOS. They are specialized in the design of modern sites and in optimizing the creation process as well as the debugging of websites. Try it <a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-163206-1-1024x471.png\" alt=\"VS Code main page\" class=\"wp-image-3248 lazyload\" width=\"666\" height=\"306\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 666px; --smush-placeholder-aspect-ratio: 666\/306;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-163206-1-1024x471.png\" alt=\"VS Code main page\" class=\"wp-image-3248\" width=\"666\" height=\"306\"\/><\/noscript><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Package Managers<\/h3>\n\n\n\n<p>Writing code can be very tiring. But many tools make it easier. You must remember that you are not the first person to program, there are already codes written for certain things. You can skip going through lengthy error testing processes if you know resources that have already compiled the usual lines of code.<\/p>\n\n\n\n<p>Package Managers can help you out. These are used to automate the software installation or upgrade rates. They allow developers to easily install packages in the project they are working on.<\/p>\n\n\n\n<p>The most used Package Manager is npm. It is free and open-source. It\u2019s a great option if you\u2019re just starting to get familiar with this tool. Try it <a href=\"https:\/\/www.npmjs.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-163253-1-1024x448.jpg\" alt=\"npm main page\" class=\"wp-image-3249 lazyload\" width=\"630\" height=\"275\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 630px; --smush-placeholder-aspect-ratio: 630\/275;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/07\/Captura-de-pantalla-2021-07-26-163253-1-1024x448.jpg\" alt=\"npm main page\" class=\"wp-image-3249\" width=\"630\" height=\"275\"\/><\/noscript><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Tools and Extensions<\/h3>\n\n\n\n<p>In previous posts, I talked about some tools for developers. There are tools to debug, edit, copy and paste pieces of code... Get to know them in the top<a href=\"https:\/\/giovanirodriguez.dev\/10-amazing-tools-for-web-developers\/\" target=\"_blank\" rel=\"noreferrer noopener\"> 10 Amazing Tools for Web Developers<\/a>. There are also Google Chrome extensions that are the right hand of many programmers. Find tem here: <a href=\"https:\/\/giovanirodriguez.dev\/useful-google-chrome-extensions\/\" target=\"_blank\" rel=\"noreferrer noopener\">Useful Google Chrome Extensions<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">One last piece of advice for beginners<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Vocabulary to learn web development<\/h3>\n\n\n\n<p>Beyond knowing how to program and understand programming languages, the world of web development has its language. What does HTML mean? Or AWS? Do you know what CSS is? Or even HTTP or WWW? Well, maybe you do know that last one. But sometimes tutorials on web programming refer to many acronyms or words that only make sense in the context of programming. If you have any questions, you can consult this <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\" target=\"_blank\" rel=\"noreferrer noopener\">glossary<\/a>. Eventually, you will get used to all the abbreviations and acronyms and you will not need it anymore.<\/p>\n\n\n\n<p>On the other hand, if English isn't your first language you better get to improve it. There are many more resources, tutorials, and videos in English. In addition, many of the terms you\u2019ll come across will be in English. I suggest you spend some time on it. In my article <a href=\"https:\/\/giovanirodriguez.dev\/tips-for-freelancers\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tips for Freelancers<\/a>, I already talked a little about the advantages of knowing this language and I recommend apps to learn or practice English.<\/p>\n\n\n\n<p>There\u2019s a lot to learn when it comes to web development. However, it\u2019s not impossible. I hope this guide has given you good guidance to get you started and that the courses and tools will be very useful to you.<\/p>\n\n\n\n<p>If you want to learn more, continue reading:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Ho<a href=\"https:\/\/giovanirodriguez.dev\/how-to-improve-my-pages-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">w to improve your page's SEO?<\/a><\/li><li><a href=\"https:\/\/giovanirodriguez.dev\/how-to-make-a-website-for-my-business\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to make a website for my business?<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Learning web development can be intimidating but not impossible. Learn the basics to get started as well as courses and online help sites.<\/p>\n","protected":false},"author":6,"featured_media":3238,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0,"footnotes":""},"categories":[342],"tags":[361,359],"class_list":["post-3236","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-learn","tag-web-development"],"_links":{"self":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/posts\/3236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/comments?post=3236"}],"version-history":[{"count":0,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/posts\/3236\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/media\/3238"}],"wp:attachment":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/media?parent=3236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/categories?post=3236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/tags?post=3236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}