<?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: Shafe Alam</title>
    <description>The latest articles on DEV Community by Shafe Alam (@techtinkererfullstack).</description>
    <link>https://dev.to/techtinkererfullstack</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%2F1065856%2Fae54566e-da45-4234-8039-4c4e88660e3f.jpg</url>
      <title>DEV Community: Shafe Alam</title>
      <link>https://dev.to/techtinkererfullstack</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/techtinkererfullstack"/>
    <language>en</language>
    <item>
      <title>My Journey with Git &amp; GitHub: Insights, Tips, and Lessons.</title>
      <dc:creator>Shafe Alam</dc:creator>
      <pubDate>Thu, 20 Apr 2023 09:10:23 +0000</pubDate>
      <link>https://dev.to/techtinkererfullstack/my-journey-with-git-github-insights-tips-and-lessons-learned-from-jason-taylor-course-2eml</link>
      <guid>https://dev.to/techtinkererfullstack/my-journey-with-git-github-insights-tips-and-lessons-learned-from-jason-taylor-course-2eml</guid>
      <description>&lt;h2&gt;
  
  
  Course Review
&lt;/h2&gt;

&lt;p&gt;As an aspiring developer, I am always on the lookout for online resources to enhance my skills and knowledge. After research, I stumbled upon the ‘GitHub Ultimate’ course on Udemy, and I have to say, it has been a game-changer for me.&lt;/p&gt;

&lt;p&gt;From the moment I enrolled in this course, I knew I was in for a treat. The instructor’s expertise and passion for GitHub were evident right from the start. The course covers everything from the basics to more advanced topics, making it suitable for both beginners and experienced users alike.&lt;/p&gt;

&lt;p&gt;One of the aspects that impressed me the most was the course’s structure and organization. The curriculum is well-designed, with each module building upon the previous one, providing a seamless learning experience. The lectures are presented in a clear and concise manner, with practical examples that help solidify the concepts learned.&lt;/p&gt;

&lt;p&gt;Furthermore, the course covers various advanced topics, such as collaborating with other developers, managing repositories, handling issues and pull requests, and using GitHub Pages. These topics have been immensely valuable to me as I strive to become a more proficient and efficient developer.&lt;/p&gt;

&lt;p&gt;The course also includes bonus content, such as tips and tricks, best practices, and real-world use cases, which I found to be highly practical and insightful. The instructor’s depth of knowledge and experience in using GitHub is evident throughout the course, and I found myself constantly learning new techniques and strategies to optimize my workflow.&lt;/p&gt;




&lt;h2&gt;
  
  
  Tips
&lt;/h2&gt;

&lt;p&gt;After learning HTML, CSS &amp;amp; JavaScript I have realized that version control is the most important part of web development or software development. If you tell me “what should I learn after learning HTML, CSS &amp;amp; JavaScript I will suggest you to learn version controlling. When you are doing project with Vanilla JavaScript or any other frameworks you will become lost in space if you are doing your project without version control. And it will also help you to experiment with new feature as you can easily revert back to known good state. So after learning vanilla JavaScript you must learn version control. At least basic commands so that you can place your code to remote repository. I like to use GitHub. GitHub is a web-based hosting service for version control using Git, providing developers with a platform for code collaboration, management, and sharing. It is widely used in the software development industry and offers robust features for efficient code management and collaboration among team members.&lt;/p&gt;




&lt;h2&gt;
  
  
  My Notes
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--R50vnt2F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rmx1cxn312y1mtzbm7e9.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--R50vnt2F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rmx1cxn312y1mtzbm7e9.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-1" width="800" height="1058"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Cm-9OPfX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qe16jdxm6rxup60jwusp.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Cm-9OPfX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qe16jdxm6rxup60jwusp.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-2" width="800" height="993"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--6ePyjymg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7vrpk81xnvxfg2gmux68.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--6ePyjymg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7vrpk81xnvxfg2gmux68.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-3" width="800" height="1045"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--MXVYSOll--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/03397wii5ralsd8ci2fj.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MXVYSOll--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/03397wii5ralsd8ci2fj.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-4" width="800" height="1047"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--S1RjIn0h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v9d8xl6fd0r3u7ou39qu.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--S1RjIn0h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v9d8xl6fd0r3u7ou39qu.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-5" width="800" height="1041"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--r0yCLysb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5fjfxv7in865yoku2thh.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--r0yCLysb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5fjfxv7in865yoku2thh.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-6" width="800" height="1014"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--iDWsOwTb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yowe7rxxj5bdlb5nb7d3.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--iDWsOwTb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yowe7rxxj5bdlb5nb7d3.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-7" width="800" height="1055"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--fOjNniyl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6gy9cx1rf1ei5wilbu5q.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--fOjNniyl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6gy9cx1rf1ei5wilbu5q.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-8" width="800" height="1048"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--RrmZz9Gs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eznybyyz02kx19jremw9.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--RrmZz9Gs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eznybyyz02kx19jremw9.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-9" width="800" height="1091"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1Cq-Jbs8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cfmkeaev6bnhpsxb98vh.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1Cq-Jbs8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cfmkeaev6bnhpsxb98vh.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-10" width="800" height="1052"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--JKW8VNt1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ff1qfny3nqiyiefds6ee.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--JKW8VNt1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ff1qfny3nqiyiefds6ee.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-11" width="800" height="1090"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--cXHTOCd4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vjw4qfv4i1rfd9afvs58.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cXHTOCd4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vjw4qfv4i1rfd9afvs58.jpg" alt="Git &amp;amp; GitHub (Shafe Alam) #techtinkererfullstack — — page-12" width="800" height="1045"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Important Commands &amp;amp; Keywords from notes
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Git advance
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Git diff commitsid HEAD&lt;/li&gt;
&lt;li&gt;Git difftool commitid HEAD&lt;/li&gt;
&lt;li&gt;Git help diff&lt;/li&gt;
&lt;li&gt;Fast forward merge, automatic merge, manual merge&lt;/li&gt;
&lt;li&gt;Git checkout -b branchNameWeWannaCreate&lt;/li&gt;
&lt;li&gt;Git branch&lt;/li&gt;
&lt;li&gt;Git checkout master&lt;/li&gt;
&lt;li&gt;Git update&lt;/li&gt;
&lt;li&gt;Git checkout -b very-bad&lt;/li&gt;
&lt;li&gt;Git mergetool&lt;/li&gt;
&lt;li&gt;Light weight tag, annotations tag&lt;/li&gt;
&lt;li&gt;Git tag mytag&lt;/li&gt;
&lt;li&gt;Git tag — list&lt;/li&gt;
&lt;li&gt;Git tag -d mytag&lt;/li&gt;
&lt;li&gt;Git tag -a v1.0 -m “Released V1.0”&lt;/li&gt;
&lt;li&gt;Git show v1.0&lt;/li&gt;
&lt;li&gt;Git stash&lt;/li&gt;
&lt;li&gt;Git stash list&lt;/li&gt;
&lt;li&gt;Git stash pop&lt;/li&gt;
&lt;li&gt;Reset — — -soft — —&lt;/li&gt;
&lt;li&gt;Git reset commitId — soft&lt;/li&gt;
&lt;li&gt;Git reset commitId — mixed&lt;/li&gt;
&lt;li&gt;Git reset commitId — hard&lt;/li&gt;
&lt;li&gt;Git reflog&lt;/li&gt;
&lt;li&gt;Git reset — hard commitID (to back to that commit point, this commit id is taken from git reflog)&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  GitHub
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Git remote -v&lt;/li&gt;
&lt;li&gt;Git remote add origin githupRepositoryHttps/sshLink&lt;/li&gt;
&lt;li&gt;Git push -u origin master — tags (to push local repository to remote repository, -u indicate tracking between local and remote repository)&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  ssh authentication
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;git push origin master&lt;/li&gt;
&lt;li&gt;ssh-keygen -t rsa -C “yourEmail@address” (-t =type, here type is rsa, -C for common name)&lt;/li&gt;
&lt;li&gt;npp id_rsa.pub (copy all text from here and paste it to github ssh key)&lt;/li&gt;
&lt;li&gt;ssh -T &lt;a href="mailto:git@github.com"&gt;git@github.com&lt;/a&gt; (to confirm machine can communicate through ssh key with github)&lt;/li&gt;
&lt;li&gt;Id_rsa, id_rsa.pub&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  GITHUB REPOSITORY
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Git clone githubRepositoryAddress (here repository name is my-website)&lt;/li&gt;
&lt;li&gt;rm -rf my-website (to remove repository whole folder from local repository)&lt;/li&gt;
&lt;li&gt;Git clone githubRepositoryAddress website (to change the repository name in local machine)&lt;/li&gt;
&lt;li&gt;Git push&lt;/li&gt;
&lt;li&gt;Git config — global push.default simple&lt;/li&gt;
&lt;li&gt;Git fetch&lt;/li&gt;
&lt;li&gt;Git pull&lt;/li&gt;
&lt;li&gt;Git push&lt;/li&gt;
&lt;li&gt;Git remote set-url origin repositoryAddress (if change name of repository in hithub)&lt;/li&gt;
&lt;li&gt;Git remote show origin&lt;/li&gt;
&lt;li&gt;Git show commitID (this commit id is copy from github )&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  GITHUB REPOSITORY BRANCH
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Git checkout -b remove-lipsum&lt;/li&gt;
&lt;li&gt;Git push -u origin remove-lipsum (-u means traking relation, here remote is origin, and tracking branch remove-lipsum, this command will also create a new branch on github)&lt;/li&gt;
&lt;li&gt;Git merge&lt;/li&gt;
&lt;li&gt;Git branch -d remove-lipsum (-d = delete)&lt;/li&gt;
&lt;li&gt;Gir branch -a&lt;/li&gt;
&lt;li&gt;Git fetch -p (-p is a prune option it will look for any dead branches and will remove its reference)&lt;/li&gt;
&lt;li&gt;Git checkout update-readme (this repository is not in local repo ita on github but this command will create local repo of update-readme )&lt;/li&gt;
&lt;li&gt;Git pull — all&lt;/li&gt;
&lt;li&gt;Git merge update-readme&lt;/li&gt;
&lt;li&gt;Git push origin :update-readme (this command will delete github branches feom command line)&lt;/li&gt;
&lt;li&gt;Git pull — rebase (local cimmit will be 1 commit ahead of remote head)&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Tags
&lt;/h3&gt;

&lt;p&gt;1..Git tag unstable develop&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Git tag stable main&lt;/li&gt;
&lt;li&gt;Git tag -a v1.0-alpha -m “Release v1.0” commitID&lt;/li&gt;
&lt;li&gt;Git show (with annotations tag)&lt;/li&gt;
&lt;li&gt;Git tag&lt;/li&gt;
&lt;li&gt;Git tag -a v2.0-alpha -m “Release v2.0” commitsid&lt;/li&gt;
&lt;li&gt;Git push origin stable (to push a single tag)&lt;/li&gt;
&lt;li&gt;Git push — tag ( to push all tags)&lt;/li&gt;
&lt;li&gt;Git fetch -p&lt;/li&gt;
&lt;li&gt;Git tag -d v1.0-alpha&lt;/li&gt;
&lt;li&gt;Git push origin :v2.0-alpha (to delete remote tags)&lt;/li&gt;
&lt;li&gt;Git tag -f unstable commitID (to assign tag to specific commit id )&lt;/li&gt;
&lt;li&gt;Git push — force origin unstable&lt;/li&gt;
&lt;li&gt;Git pull (GitHub create light weight tag)&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;GitHub: &lt;a href="https://github.com/techtinkererfullstack"&gt;https://github.com/techtinkererfullstack&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Website: &lt;a href="http://www.shafealam.wordpress.com"&gt;www.shafealam.wordpress.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;LinkedIn: &lt;a href="https://www.linkedin.com/in/techtinkererfullstack/"&gt;https://www.linkedin.com/in/techtinkererfullstack/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Facebook: &lt;a href="https://www.facebook.com/techtinkererfullstack/"&gt;https://www.facebook.com/techtinkererfullstack/&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  If you are looking for a creative &amp;amp; professional UI/UX Designer checkout my brother's profile :
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Website: &lt;a href="http://www.rafeealam.netlify.app"&gt;www.rafeealam.netlify.app&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;LinkedIn: &lt;a href="https://www.linkedin.com/in/coruscatingart"&gt;https://www.linkedin.com/in/coruscatingart&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Facebook: &lt;a href="https://www.facebook.com/coruscatingart"&gt;https://www.facebook.com/coruscatingart&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Behance: &lt;a href="https://www.behance.net/coruscatingart"&gt;https://www.behance.net/coruscatingart&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Dribbble: &lt;a href="https://dribbble.com/coruscatingart"&gt;https://dribbble.com/coruscatingart&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Instagram: &lt;a href="https://www.instagram.com/coruscatingart/"&gt;https://www.instagram.com/coruscatingart/&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>github</category>
      <category>git</category>
      <category>productivity</category>
      <category>beginners</category>
    </item>
    <item>
      <title>From Tech Tinkerer to Full-Stack Web Developer: My Personal Journey</title>
      <dc:creator>Shafe Alam</dc:creator>
      <pubDate>Thu, 20 Apr 2023 08:53:49 +0000</pubDate>
      <link>https://dev.to/techtinkererfullstack/from-tech-tinkerer-to-full-stack-web-developer-my-personal-journey-ohi</link>
      <guid>https://dev.to/techtinkererfullstack/from-tech-tinkerer-to-full-stack-web-developer-my-personal-journey-ohi</guid>
      <description>&lt;p&gt;Hello! I am Shafe. Web development has been an incredible journey for me. It's a field that combines creativity, logic, and problem-solving, and it has allowed me to build amazing things that can be used by people all over the world. My journey to becoming a web developer was not a straight path. I started as a tech tinkerer, someone who loved to tinker with technology and see what I could make it do. As I learned more about web development, I became more and more interested in building websites and web applications. In this blog post, I'm going to share my personal story of how I went from a tech tinkerer to a full-stack web developer.&lt;/p&gt;

&lt;p&gt;As a tech tinkerer, I was always interested in how things worked. I enjoyed taking things apart and figuring out how they were put together. When I discovered web development in 2021, I was immediately drawn to it. I loved the idea of building something that could be accessed by anyone, anywhere in the world. I started learning HTML and CSS, and I was amazed at how quickly I could create simple websites.&lt;/p&gt;

&lt;p&gt;After mastering HTML and CSS, I realized there was so much more to learn. I dove into JavaScript, react, nodejs, restAPI, express, and other web development technologies. I spent countless hours reading books, watching videos, and experimenting with code. I also took online courses and attended meetups to learn from other developers.&lt;/p&gt;

&lt;p&gt;As I gained more experience, I started building websites for friends and family. I also practiced from Frontend mentor coding challenges and algorithm for codewars . These experiences allowed me to build my portfolio and showcase my skills to potential clients and employers.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_HvL6y6a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1q4enxdawkwtgdka82s2.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_HvL6y6a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1q4enxdawkwtgdka82s2.jpg" alt="Designer: Rafee Alam #coruscatingart" width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;This is a single page website designed by my brother Rafee Alam and developed by me. In this project my focus was to master SCSS and use vitejs new bundler with vanilla JavaScript project.&lt;/p&gt;

&lt;p&gt;I am looking forward to continued to learn and grow as a developer, taking on more complex projects and mastering new technologies. I will post my learning journey from now on as a reference for me also for the new learner who interested in learning web development.&lt;/p&gt;

&lt;p&gt;Becoming a full-stack web developer has been an incredible journey. It has allowed me to combine my love of technology with my passion for creating things that can make a difference in people's lives. I hope my story inspires others to pursue their own dreams, and to never stop learning and growing as developers.&lt;/p&gt;

&lt;p&gt;If you're interested in becoming a web developer, don't be afraid to start small. Learn the basics, build your portfolio, and take on small projects to gain experience. Attend meetups and conferences to network with other developers and learn from their experiences. Most importantly, never stop learning and growing as a developer.&lt;/p&gt;




&lt;p&gt;TechTinkerer - A software engineer who is skilled at tinkering with various technologies and tools to create new and innovative solutions.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;#techtinkererfullstack&lt;/em&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>career</category>
      <category>programming</category>
      <category>codenewbie</category>
    </item>
  </channel>
</rss>
