<?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>Forem: Horsecoder</title>
    <description>The latest articles on Forem by Horsecoder (@horsecoder).</description>
    <link>https://forem.com/horsecoder</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%2Forganization%2Fprofile_image%2F7855%2F8b2296e6-2485-4c6f-b902-492042c79919.png</url>
      <title>Forem: Horsecoder</title>
      <link>https://forem.com/horsecoder</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/horsecoder"/>
    <language>en</language>
    <item>
      <title>How can you learn to code and get a job?</title>
      <dc:creator>Programming with Shahan</dc:creator>
      <pubDate>Sun, 14 Jan 2024 17:35:53 +0000</pubDate>
      <link>https://forem.com/horsecoder/how-can-you-learn-to-code-and-get-a-job-4mc4</link>
      <guid>https://forem.com/horsecoder/how-can-you-learn-to-code-and-get-a-job-4mc4</guid>
      <description>&lt;p&gt;If you want to learn how to code, you don't need a fancy degree or certificate – just grab a computer and get online.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Here's a simple PLAN that works:&lt;/em&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Stick with one course until you finish it. Don't hop around. Do your &lt;u&gt;homework&lt;/u&gt; before picking your course.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Every morning, spend 90 minutes learning. After breakfast, set a timer and watch your course. Try out the code they show you – it makes you feel like you're &lt;u&gt;really doing&lt;/u&gt; something.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Don't take breaks during your 90-minute session. Do some &lt;u&gt;light exercises&lt;/u&gt; before you start to get your brain ready.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;After about 15-20 days, you'll feel more confident. Keep going, and after &lt;u&gt;two or three months&lt;/u&gt; of steady work, think about looking for a job. &lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The first few days are tough, but once you get into the groove, it gets easier. &lt;/p&gt;

&lt;p&gt;Thanks!&lt;/p&gt;

</description>
      <category>programming</category>
      <category>career</category>
      <category>learning</category>
      <category>beginners</category>
    </item>
    <item>
      <title>The Roadmap to Web Development (unforgettable)</title>
      <dc:creator>Programming with Shahan</dc:creator>
      <pubDate>Sun, 19 Nov 2023 13:18:16 +0000</pubDate>
      <link>https://forem.com/horsecoder/the-roadmap-to-web-development-unforgettable-1d2i</link>
      <guid>https://forem.com/horsecoder/the-roadmap-to-web-development-unforgettable-1d2i</guid>
      <description>&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%2Fkbrofcbdxo2synfpjsto.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%2Fkbrofcbdxo2synfpjsto.png" alt="alex setting on a river side, image created by programming with shahan" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Once upon a time, in a small town, there lived a young boy named Alex. He loved using the internet and exploring all the amazing websites it had to offer. &lt;/p&gt;

&lt;p&gt;One day, while playing his favorite online game, he had a brilliant idea - he wanted to learn how to create his own website. Little did he know, this idea would lead him on an exciting journey to discover the best way to learn web development.&lt;/p&gt;

&lt;h2&gt;
  
  
  🏭Foundation of Web Development
&lt;/h2&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%2F2l6n74n5whd3n9a5d0fk.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%2F2l6n74n5whd3n9a5d0fk.png" alt="alex asking his uncle for advice, image by programming wit shahan" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Alex started his adventure by asking his computer-savvy uncle for advice. His uncle told him that web development was like building a digital playground where people could have fun, just like Alex did when he played his games. He explained that web developers were like the architects and builders of these digital playgrounds. They used special tools and languages to create web pages, just like constructing a treehouse in a backyard.&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%2F6yt6padnzwyqc6k403ib.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%2F6yt6padnzwyqc6k403ib.png" alt="Image of alex sitting beside the treehouse, image created by shahan" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"Web development is like learning a new language," his uncle said. "It's not as difficult as it may seem at first. Start with the basics, just like when you learn words and sentences in a new language."&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  HTML CSS &amp;amp; JavaScript
&lt;/h3&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%2F55ybydaip6h0lxy79ozn.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%2F55ybydaip6h0lxy79ozn.png" alt="Image of alex watching a roadmap of web dev, image created by shahan" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Alex listened carefully and decided to follow his uncle's advice. He began by learning &lt;code&gt;HTML&lt;/code&gt;, which is like the foundation of a web page. HTML is a bit like building blocks, where each block represents a different part of a web page. For example, to create a heading, you use an &lt;code&gt;HTML&lt;/code&gt; tag like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;h1&amp;gt;&lt;/span&gt;This is a heading&lt;span class="nt"&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;To make a paragraph, you use another tag:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;This is a paragraph.&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;As Alex practiced, he realized that &lt;code&gt;HTML&lt;/code&gt; was like the blueprint for his website, just like how you plan what your treehouse will look like before you build it.&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%2Fm6di393258cw84q4p7g3.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%2Fm6di393258cw84q4p7g3.png" alt="Image of Alex building webpages using HTML and CSS, illustration created by Programming with shahan" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Next, Alex explored &lt;code&gt;CSS&lt;/code&gt;, which stands for &lt;strong&gt;&lt;em&gt;Cascading Style Sheets&lt;/em&gt;&lt;/strong&gt;. CSS was like the paint and decorations for his digital playground. It allowed him to make his website colorful and visually appealing. He could change the color of text, add borders to images, and even create cool animations with &lt;code&gt;CSS&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Alex used &lt;code&gt;CSS&lt;/code&gt; to make his headings colorful and his paragraphs fancy, just like painting the treehouse and adding a cool slide to his playground.&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%2Ft9v6dpes1d4cxktk7phx.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%2Ft9v6dpes1d4cxktk7phx.png" alt="Image of Alex learning javascript" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;As he grew more confident, Alex delved into &lt;code&gt;JavaScript&lt;/code&gt;, a dynamic and interactive language. JavaScript was like the magic that brought his website to life. With JavaScript, he could make buttons that changed colors when clicked, create quizzes, and even build games. It was like adding swings and slides to his digital playground, making it more fun and engaging.&lt;/p&gt;

&lt;h2&gt;
  
  
  🤼Learn from others (Community)
&lt;/h2&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%2Fuckaw5kem04xztdjagiy.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%2Fuckaw5kem04xztdjagiy.png" alt="Image of Alex searching for dev community, image created by shahan" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;But Alex knew that learning web development was not just about coding. He also needed to learn from others and get inspired. So, he joined online communities and forums where he could share his ideas, ask questions, and learn from experienced web developers. He was like a young explorer, meeting other adventurers who could guide him on his journey.&lt;/p&gt;

&lt;h2&gt;
  
  
  🏫Free Online Courses
&lt;/h2&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%2Fotr99ub1jc0pa3w70vut.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%2Fotr99ub1jc0pa3w70vut.png" alt="image of alex making delicious cake, image created by Shahan" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;One day, as Alex continued to learn and improve his skills, he discovered a hidden treasure - online coding courses and tutorials. These were like secret maps that led him to more knowledge and skills. There were many free resources and paid courses that provided step-by-step guidance on web development. He chose a &lt;u&gt;few courses that matched his level&lt;/u&gt; and interests and began to follow along, just like following a recipe to make a delicious cake.&lt;/p&gt;

&lt;h2&gt;
  
  
  ⛳Consistency
&lt;/h2&gt;

&lt;p&gt;As the months passed, Alex practiced and experimented, just like a scientist conducting exciting experiments in a lab. &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%2F72s1kudyzct8fls33s0n.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%2F72s1kudyzct8fls33s0n.png" alt="Image of alex learning like a scientist, image created by shahan" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;He faced challenges, fixed bugs in his code, and celebrated small victories, just like when he finally reached the top of the climbing wall on his playground.&lt;/p&gt;

&lt;p&gt;With determination and a love for learning, Alex gradually became a skilled web developer. He could create amazing web pages, build interactive features, and &lt;a href="https://psxid.figma.com/pq1612tcamkx" rel="noopener noreferrer"&gt;share his creations&lt;/a&gt; with the world. Just like a proud builder showing off his finished treehouse, Alex could showcase his digital playground for everyone to enjoy.&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%2Fdlg4p7tepwl2ql2akbgn.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%2Fdlg4p7tepwl2ql2akbgn.png" alt="Image of Alex becoming a skilled web developer, image created by shahan" width="800" height="443"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  🍡Figma &amp;amp; Notion AI
&lt;/h2&gt;

&lt;p&gt;The majority (60% or more) of UI/UX designers use &lt;a href="https://psxid.figma.com/pq1612tcamkx" rel="noopener noreferrer"&gt;Figma&lt;/a&gt; to transfer web designs. Given this tendency, front-end web developers need to familiarize themselves with Figma to work with designers. If you don't know how to work with Figma Design, you will fall behind in modern coding projects, leading to unproductive website building, and you will have to learn it in the future. So &lt;a href="https://psxid.figma.com/pq1612tcamkx" rel="noopener noreferrer"&gt;sign up now&lt;/a&gt; and play around with it before your colleagues or boss blame you. 👇&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%2F12oebiywuvtw77nr96cu.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%2F12oebiywuvtw77nr96cu.png" alt="Figma Design" width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🎯Recommendation:&lt;/strong&gt; Use Notion AI to maximize your productivity&lt;/p&gt;

&lt;p&gt;&lt;a href="https://affiliate.notion.so/ilucqi7ku9bg-4y5a7" rel="noopener noreferrer"&gt;Notion AI&lt;/a&gt; is a fantastic tool for developers! It supports syntax highlighting for over 60 programming languages, making coding easier and more efficient. Not only that, but it also offers some handy features for taking notes. Plus, it's compatible with multiple platforms, allows you to share your notes publicly, and facilitates private collaboration.&lt;/p&gt;

&lt;h2&gt;
  
  
  😎Conclusion
&lt;/h2&gt;

&lt;p&gt;So, if you're a curious like Alex, or if you're simply interested in learning web development, remember to start with the basics, explore HTML, CSS, and JavaScript, join online communities, and use online courses and tutorials. With dedication and practice, you can become a web development wizard, just like Alex, and create your very own digital adventures for others to enjoy. Happy coding!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;You can watch this whole animated video regarding to this article:&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;  &lt;iframe src="https://www.youtube.com/embed/CJ5StzFGG98"&gt;
  &lt;/iframe&gt;
&lt;/p&gt;

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