<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Ayush Gupta]]></title><description><![CDATA[Hey, I write blogs related to development and technology, I love learning about new tech stacks. I am currently working on Full-stack Developemnt and creating p]]></description><link>https://ayushgupta-06.hashnode.dev</link><generator>RSS for Node</generator><lastBuildDate>Sat, 10 Oct 2026 19:24:45 GMT</lastBuildDate><atom:link href="https://ayushgupta-06.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[Complete Roadmap to be a Front-end Developer]]></title><description><![CDATA[From where to start?
Every developer starts by learning HTML and CSS first because they form the base of web development, every website you see uses HTML and CSS.
What are HTML and CSS?
If we talk about HTML, it stands for HyperText Markup Language, ...]]></description><link>https://ayushgupta-06.hashnode.dev/complete-roadmap-to-be-a-front-end-developer</link><guid isPermaLink="true">https://ayushgupta-06.hashnode.dev/complete-roadmap-to-be-a-front-end-developer</guid><category><![CDATA[Developer]]></category><category><![CDATA[Roadmap]]></category><category><![CDATA[Blogging]]></category><category><![CDATA[Web Development]]></category><category><![CDATA[Frontend Development]]></category><dc:creator><![CDATA[Ayush Gupta]]></dc:creator><pubDate>Mon, 25 Mar 2024 16:52:47 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1711385135432/31933b44-2783-46e5-8ba8-a985af0879d3.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h3 id="heading-from-where-to-start">From where to start?</h3>
<p>Every developer starts by learning HTML and CSS first because they form the base of web development, every website you see uses HTML and CSS.</p>
<h3 id="heading-what-are-html-and-css">What are HTML and CSS?</h3>
<p>If we talk about HTML, it stands for HyperText Markup Language, as you can see the full form tells us that HTML is a Markup Language and not a programming language, now you might be thinking what is the difference between a Markup Language and a Programming Language? we can say that Markup Langauge is not used for any functional purpose whereas Programming Languages perform various functions. Now coming back to what are HTML and CSS? HTML forms the skeleton of the webpage whereas CSS plays an important role in styling it, whether it should be blue or black. all these kinda stuff are decided using CSS.</p>
<h3 id="heading-what-after-html-and-css">What after HTML and CSS?</h3>
<p>Once you are done with HTML and CSS then you have two options available either you learn a CSS framework like Tailwind or Bootstrap or move on to JavaScript, After I finished CSS, I moved on to Vanilla JavaScript you might be thinking what is this new stuff Vanilla JavaScript? It is nothing but pure JavaScript without any frameworks or libraries. Later on, I learned about Tailwind CSS. But I think before moving on to JavaScript you should learn a CSS framework because once you start learning JavaScript you won't focus on the designing part so with frameworks you can easily build up anything much faster with predefined classes and do experiments with them.</p>
<h3 id="heading-what-next">What next?</h3>
<p>It is essential to apply your learnings, so after all this, you should try to apply your knowledge by creating some mini-apps, or your portfolio, After I finished all this I created my own <a target="_blank" href="https://ayushgupta-06.github.io/portfolio/">portfolio</a> and a notes app using Vanilla JS, also Microsoft Clone using Tailwind, the very first framework I learned.</p>
<p>Now it's time to know about open source for that I recommend an awesome creator <a class="user-mention" href="https://hashnode.com/@kunalk">Kunal Kushwaha</a>, you can watch his videos on youtube about <a target="_blank" href="https://www.youtube.com/watch?v=msyGybzCKRs">open-source</a> and after knowing what is open-source you should start contributing to it, for that you should be knowing about version control, I would recommend you to learn the most popular version control i.e. Git and GitHub. You can also find the tutorial for <a target="_blank" href="https://www.youtube.com/watch?v=apGV9Kg7ics&amp;t=1220s">Git and GitHub</a> on Kunal Kushwaha's Channel.</p>
<h3 id="heading-in-the-end">In the end</h3>
<p>I hope learning all these would be enough for one to call himself a Front-end Developer.</p>
<p>Remember, knowledge is not static. It's a journey of continuous exploration and discovery. So, let's keep pushing the boundaries, challenging our assumptions, and seeking out new perspectives.</p>
<p>Thank you for reading so far! Keep building new projects and experience.<br />Until next time, stay curious and keep exploring.</p>
<p>Warm regards!<br />Ayush Gupta</p>
]]></content:encoded></item><item><title><![CDATA[How I became a developer...]]></title><description><![CDATA[My Development Journey
Back when I was in class 6th there was a chapter in our computer book called HTML - Hyper Text Markup Language and they introduced us to it, they didn't even tell us the use of HTML just told us the basics which were also not p...]]></description><link>https://ayushgupta-06.hashnode.dev/how-i-became-a-developer</link><guid isPermaLink="true">https://ayushgupta-06.hashnode.dev/how-i-became-a-developer</guid><category><![CDATA[Web Development]]></category><category><![CDATA[Learning Journey]]></category><dc:creator><![CDATA[Ayush Gupta]]></dc:creator><pubDate>Mon, 09 Jan 2023 15:06:27 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1673276709916/d458dc02-2737-4ec3-bd79-ade62ff59b11.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h3 id="heading-my-development-journey"><strong>My Development Journey</strong></h3>
<p>Back when I was in class 6th there was a chapter in our computer book called HTML - Hyper Text Markup Language and they introduced us to it, they didn't even tell us the use of HTML just told us the basics which were also not properly told. 2-3 pages were all the chapter took in which half of the chapter was about how to open notepad and create a .html file. But that spark made me go deeper into HTML and I got to know about Web Development and I started watching tutorials on HTML. The very first channel I visited and looked over was <a target="_blank" href="https://www.youtube.com/@Mentorsadda"><em>Mentors Adda</em></a> but I didn't do any great stuff back there. Later on, in class 7th all we talked about was MS Word, MS Excel, and MS Powerpoint which were quite boring are not understood by me till date, especially MS Excel.</p>
<p>MS Excel to me:</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1673276247231/02498702-4c4c-40f5-95ae-498fc049cc70.gif" alt class="image--center mx-auto" /></p>
<p>But after that, I got really interested in Web Development so I checked out more channels where I can find complete tutorials to become a web developer and I got to know about <a target="_blank" href="https://www.youtube.com/@CodeWithHarry"><em>CodeWithHarry</em></a>. After watching his tutorials I created my very first project in class 7th, a food ordering website with no functionalities as I had no knowledge of JavaScript and at that time I didn't even know about version controls so I guess I can not show you that precious website of mine. After that, I took a long pause maybe because I was not too concerned.</p>
<p>The main story starts when I was in class 8th where I learned about many things, including open-source, version control, front-end, and back-end. So I started learning and exploring, first I watched many videos and understood what really is front-end, back-end, or full-stack, and after watching I made up my mind of being a full-stack developer. Also, I was good at programming so my computer teacher Ma'am Shiphali encouraged me a lot, and especially the angry and disappointed looks of toppers when Ma'am praised me for my hard work were quite entertaining, I never told her about my web development journey maybe because I was too shy. Web Development was my main focus but I was also learning Java as it was a part of our computer syllabus and all we studied in Java was how to write a program printing "Hello World". Then I got to know about Git and GitHub and also about open-source from popular content creator <a target="_blank" href="https://www.youtube.com/@KunalKushwaha"><em>Kunal Kushwaha</em></a>. Java seems to be a bit easy for me to understand as it wasn't the first programming language I was learning I had already learned JS so understanding Java wasn't that tough. Eventually, I got to know about hackathons and also about freelancing, I made my first account on Upwork where I guess I never found any clients because of my weak portfolio and I participated in my very first hackathon organized by <em>MLH, The Local Hack Week: Share 2022</em> where I did many fun activities like creating a discord bot. And finally, after being told by my elder brother <a class="user-mention" href="https://hashnode.com/@kunal-22">Kunal Gupta</a> I joined Showwcase, it is a great platform where I got to know many new things and it is a world full of developers practicing different tech stacks. Also, I participated in the #21daysofupdates challenge of Showwcase where I won developer t-shirts. Though the t-shirts never fit me, I was happy to have them as they were a great achievement for me.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1673276480531/0fdf9189-520c-439d-9ec9-dfafd60e023d.jpeg" alt class="image--center mx-auto" /></p>
<p>Thank You Showwcase!! 😍</p>
<p>I started to learn and grow with all the resources in my hand, and have shared them at the end. And currently, stand as a Front-end Developer having knowledge of various tech stacks like -</p>
<p><strong>Languages</strong></p>
<ul>
<li><p>HTML5</p>
</li>
<li><p>CSS 3</p>
</li>
<li><p>JavaScript</p>
</li>
</ul>
<p><strong>Version Control</strong></p>
<ul>
<li><p>Git</p>
</li>
<li><p>GitHub</p>
</li>
</ul>
<p><strong>CSS Pre-processors</strong></p>
<ul>
<li>Sass</li>
</ul>
<p><strong>Front-End Frameworks</strong></p>
<ul>
<li><p>Tailwind CSS</p>
</li>
<li><p>Bootstrap</p>
</li>
</ul>
<h3 id="heading-conclusion"><strong>Conclusion</strong></h3>
<p>From my story one thing can be concluded that age is just a number if you have that level of dedication then you will surely achieve your goals with that said it also doesn't matter if you are too old you just have to start with full dedication and interest and you will surely be successful.</p>
<blockquote>
<p>"Better late than never"</p>
</blockquote>
<h3 id="heading-resources"><strong>Resources</strong></h3>
<p>CodeWithHarry - <a target="_blank" href="https://www.youtube.com/c/CodeWithHarry">https://www.youtube.com/c/CodeWithHarry</a></p>
<p>Kunal Kushwaha - <a target="_blank" href="https://www.youtube.com/c/kunalkushwaha">https://www.youtube.com/c/kunalkushwaha</a></p>
<p>Apna College - <a target="_blank" href="https://www.youtube.com/c/ApnaCollegeOfficial">https://www.youtube.com/c/ApnaCollegeOfficial</a></p>
<p>W3 School - <a target="_blank" href="https://www.w3schools.com/">https://www.w3schools.com/</a></p>
<p>Traversy Media - <a target="_blank" href="https://www.youtube.com/c/TraversyMedia">https://www.youtube.com/c/TraversyMedia</a></p>
<p>Major League Hacking - <a target="_blank" href="https://mlh.io/">https://mlh.io/</a></p>
<p>Showwcase - <a target="_blank" href="https://www.showwcase.com/">https://www.showwcase.com/</a></p>
<p>Thank you for reading so far, It was just my short story as a developer...</p>
<p>Like if you enjoyed it and let me know if it was even slightly inspiring ❤</p>
<p>Wish you a great and successful journey... 🚀</p>
]]></content:encoded></item><item><title><![CDATA[Top 5 resources to learn CSS]]></title><description><![CDATA[What is CSS?
CSS stands for Cascading Style Sheet, It isn't a programming language but sometimes it creates such a mess that will blow your mind. Coming to what is CSS, it is used for styling web pages created through HTML, HTML forms the skeleton of...]]></description><link>https://ayushgupta-06.hashnode.dev/top-5-resources-to-learn-css</link><guid isPermaLink="true">https://ayushgupta-06.hashnode.dev/top-5-resources-to-learn-css</guid><category><![CDATA[CSS3]]></category><category><![CDATA[resources]]></category><category><![CDATA[Web Development]]></category><category><![CDATA[learn coding]]></category><category><![CDATA[Design]]></category><dc:creator><![CDATA[Ayush Gupta]]></dc:creator><pubDate>Thu, 03 Mar 2022 15:22:49 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1646291248823/p7SQrDjgJ.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h2 id="heading-what-is-css">What is CSS?</h2>
<p>CSS stands for Cascading Style Sheet, It isn't a programming language but sometimes it creates such a mess that will blow your mind. Coming to what is CSS, it is used for styling web pages created through HTML, HTML forms the skeleton of the web page while CSS plays an important role in styling it. Whether it should be blue or black? All these kinda stuff are decided using CSS.</p>
<h2 id="heading-here-are-the-top-resources-to-learn-css">Here are the top resources to learn CSS</h2>
<p>Over here I have listed some of the top resources through which you can learn CSS, take a look!</p>
<h3 id="heading-code-with-harryhttpswwwyoutubecomccodewithharry"><a target="_blank" href="https://www.youtube.com/c/CodeWithHarry">Code with harry</a></h3>
<p>If you are a newbie, this guy will teach you everything step by step from the installation of the IDE to creating a megaproject, if you watch his tutorials you will also get to know about many shortcuts which will make your 
work efficient.</p>
<p>Here are some of his CSS tutorials -</p>
<ul>
<li><a target="_blank" href="https://youtu.be/u5-K_ua9sOw">CSS 3 Tutorial For Beginners: Learn CSS In One Video In Hindi</a>
 In this tutorial he has covered everything about CSS in 1 video, highly recommended</li>
<li><a target="_blank" href="https://www.youtube.com/watch?v=Edsxf_NBFrw&amp;t=102s">CSS Tutorial In Hindi 
 (With Notes) 🔥</a>
 This video might be similar to the above one, but it includes handwritten notes and practice sets for 
 every topic</li>
<li><p><a target="_blank" href="https://www.youtube.com/watch?v=AP3_V7KXHs4&amp;t=350s">CSS in 7 Minutes 🔥</a>
 This video isn't recommended for newbies, you can just recap your knowledge by watching this 7 
 minutes tutorial </p>
<p> and many more...</p>
</li>
</ul>
<h3 id="heading-apna-collegehttpswwwyoutubecomcapnacollegeofficial"><a target="_blank" href="https://www.youtube.com/c/ApnaCollegeOfficial">Apna College</a></h3>
<p>Apna College teaches using cool animations, which makes it quite interesting, there is a Web Development Series currently going on, they have already covered lots of cool stuff, do check it out! </p>
<p>Here's the link to the series- 
<a target="_blank" href="https://www.youtube.com/watch?v=l1EssrLxt7E&amp;list=PLfqMhTWNBTe3H6c9OGXb5_6wcc1Mca52n&amp;index=1">Web Development 
Course</a></p>
<h3 id="heading-traversy-mediahttpswwwyoutubecomctraversymedia"><a target="_blank" href="https://www.youtube.com/c/TraversyMedia">Traversy Media</a></h3>
<p>This guy has a lot more stuff than the other two, he has many crash courses available, you can learn anything you want over here, the tutorials are all in English, I personally like him and learned JavaScript from him only, you can also give it a try the link is given below -</p>
<p><a target="_blank" href="https://www.youtube.com/watch?v=yfoY53QXEnI&amp;t=121s">CSS Crash Course For Absolute Beginner</a></p>
<h3 id="heading-w3schoolshttpswwww3schoolscom"><a target="_blank" href="https://www.w3schools.com/">W3Schools</a></h3>
<p>Like reading documentation and want to read and learn? here it is... W3Schools have covered CSS from the very starting to the very end. In fact, they teach more than the tutorials do...
All you need to do is click the link below and enjoy learning.</p>
<p><a target="_blank" href="https://www.w3schools.com/css/default.asp">CSS Tutorial</a></p>
<h3 id="heading-kevin-powellhttpswwwyoutubecomchannelucjzv4d5rbikd4qhmpkcabcw"><a target="_blank" href="https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw">Kevin Powell</a></h3>
<p>Kevin has almost every video related to CSS on his youtube, I consider him a front-end master... he can create really cool things using CSS only, so I admire him a lot, and I think you will also like his creativity. So ya you can watch his videos, he can surely help you through your journey. Have a look!</p>
<p><a target="_blank" href="https://www.youtube.com/kepowob/playlists?view=50&amp;sort=dd&amp;shelf_id=1">Getting started with CSS</a></p>
<h2 id="heading-socials">Socials</h2>
<p> <a target="_blank" href="https://twitter.com/ayushgupta__06">Twitter</a></p>
<p> <a target="_blank" href="https://www.linkedin.com/in/ayush-gupta-65674522a/">LinkedIn</a></p>
<p> <a target="_blank" href="https://www.showwcase.com/ayushgupta-06">Showwcase</a></p>
<p> Did I miss some of the amazing creators? Let me know in the comments, many more blogs to come. Stay 
 tuned!</p>
]]></content:encoded></item></channel></rss>