My Learning Journey This Week : JavaScript Fundamentals, HTML & CSS Revision, and Developer Setup....

Hey everyone!

This week, I focused on strengthening my foundation in web development. I Learned JavaScript fundamentals, revised HTML and CSS, and set up my development environment (which include learning how to use mdn ,stack overflow and important vs code extensions along with and installed node js ).

Let me walk you through what I learned, the steps I took, the challenges I faced, and how I overcame them. I'll also share the resources that helped me along the way.

What I Learned:

1. JavaScript Fundamentals:
   I learmed the basics of JavaScript, focusing on key concepts like if-else statements, functions, arrays, and loops. Its very important to understand these topics to make foundations which is crucial for writing efficient and clean code.

2. Revising HTML & CSS:
   I spent time revising HTML and CSS because in further projects I will Need this . This included working on layouts, styling, and ensuring responsiveness.

3. Developer Skills and Editor Setup:
   I set up my development environment, which included installing necessary extensions and configuring my code editor for an efficient workflow. I also learned about Using Google, Stack Overflow and mdn which will make my coding journey smooth..

Steps I Took:

1. JavaScript Fundamentals:

   • Learned JavaScript concepts like if-else statements, functions, arrays, and loops through coding challenges given by teacher .

2. Developer Skills and Editor Setup:

   Set up my code editor with essential extensions like ESLint and Prettier for code formatting and linting.

3. Revising HTML & CSS:

   • Revisited basic HTML and CSS by creating sample web pages.

   • Focused on modern CSS techniques, including Flexbox and Grid, to create responsive designs.

Problems I Encountered:

1. JavaScript Functions and Loops :

   • Struggled in the topic of Functions which is functions calling functions

   • Initially struggled with understanding how to efficiently use loops, especially nested loops.

2. CSS Flexbox:

   Faced challenges in creating complex layouts using Flexbox, particularly in aligning items correctly because I have done it much earlier😒

3. Installing Node Js :

   Faced challenges after installing node js getting error while using live-server

   although it's not resolved 😒

   that last line....

   

How I Solved These Problems:

1. JavaScript Loops, Functions :

   • Solved the loop issue by breaking down complex problems into smaller parts and practicing different loop structures with real examples.

   • Same followed for Functions Too but for calling functions calling functions this image helped alot ..

     

2. CSS Flexbox:

   • Overcame Flexbox challenges by referring to online tutorials and experimenting with different properties until the layout worked as intended.

3. Installing Node Js :

   Can't solve 😑

Resources I Used:

1. For JavaScript :

   • I have taken a course on Udemy The Complete JavaScript Course 2024: From Zero to Expert! taught by Jonas Shmedtmann.

2. For HTML and CSS :

   • Revised from a youtube channel known as "Sheryians Coding School

     Sheryians Coding School"

3. VS Code Extensions:

   • Installed and configured essential extensions like ESLint and Prettier for a smoother development experience.