What I’ve Learned in My Fellowship So Far: HTML, CSS, JS, Git/GitHub, and React

Introduction:

As a fellow in this fellowship program by Bytewise Limited, I have had the opportunity to learn about various aspects of web development. I already had intermediate knowledge of HTML,CSS,JS and React and this fellowship is really helping me to have a strong grip in it. In this article, I will summarize what I have learned so far, which includes HTML, CSS, JS, Git/GitHub, and Basics of React.

Recap: Introduction to HTML, CSS and JavaScript:

In the beginning, we started by learning the fundamentals of web development, which includes HTML, CSS, and JS. I learned that HTML is used to structure content on a web page, CSS is used to style the content and make it visually appealing, and JS is used to add interactivity and functionality to the web page. It was a bit challenging to learn all three languages simultaneously, but with time and practice, I was able to understand the concepts better.

JavaScript you need to know before starting React:

Before starting with React, I also learned that there are some important JavaScript concepts and features that are helpful to know. These include ES6 syntax (arrow functions, spread operator, destructuring, etc.), array methods (map, filter, reduce, etc.), Promises and Fetch API. Having a solid foundation in these concepts can make it easier to understand and work with React.

Git and GitHub Version Control:

As we progressed in the program, we learned about version control and how to use Git and GitHub. Version control is important because it helps us keep track of changes made to our code and makes it easier to collaborate with other developers. I learned how to create a Git repository, commit changes, and push those changes to a remote repository on GitHub. Working with Git and GitHub was a great experience, and I feel more confident about managing my code now.

React Fundamentals — Introduction to React:

After learning the basics of web development and version control, we moved on to learning about React. React is a JavaScript library that is used to build user interfaces. It’s popular because it allows us to create reusable UI components, which can make our code more modular and easier to maintain.

React Fundamentals — JSX Syntax:

One of the first things we learned about in React was JSX syntax. JSX is a syntax extension to JavaScript that allows us to write HTML-like code in our JavaScript files. I found it to be a bit strange at first, but I soon realized that it makes writing and reading code much easier.

React Fundamentals—Virtual DOM:

Another important concept we learned about in React was virtual DOM(Document Object Model). The virtual DOM is a lightweight copy of the real DOM, and it allows React to make efficient updates to the UI. By updating the virtual DOM instead of the real DOM, React can minimize the number of changes that need to be made, which can improve performance.

React Fundamentals—States and Props:

Two other key concepts we learned about in React were states and props. States are used to manage internal data within a component, while props are used to pass data from one component to another. I found these concepts to be a bit challenging at first, but after working with them for a while, I began to understand how they work and how to use them effectively.

Project 1:

As a first project in the React module, we were tasked with building an expense tracker. The purpose of the expense tracker was to help users keep track of their income and expenses. I had to use my knowledge of React to create components that could display the user’s balance, income, and expenses. It was challenging to figure out how to pass data between components using props, but with help from the instructor and resources he provided, I was able to complete the project.

Overall, I have learned a lot in this fellowship program so far. I feel.