
SPK08 : ReactJS Front end Development
These days there are lot of programming languages to learn and front-end development has been in the next level these days.
Here we are providing a React Js course. here you will get knowledge starting
from the very basics such as React components and JSX, props, state and more. Later on
we will cover more advanced concepts such as Component composition, passing data
between components, styling, unit testing and more useful utilities.
React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies.React can be used as a base in the development of single-page or mobile applications. However, React is only concerned with state management and rendering that state to the DOM, so creating React applications usually requires the use of additional libraries for routing, as well as certain client-side functionality.
Who is this course for?
- Student should have strong analytical skills
- Should be passionate about programming and eager learner
- Should have good knowledge of basic programming concepts including functions, variables, data structures,etc.
- Should have good knowledge of basic concepts related to frontend technologies.
What you will learn after this course?
-
You will learn React JS & Redux
Curriculum
- 11 Sections
- 25 Lessons
- 0 Quizzes
- 48h Duration
Onboarding & Environment Setup - 4 hours(2 days)
- Setting up Account on SOLO
- Setting up system
Introduction
- Client-Server Architecture
- React Js -Introduction
Setup
- How to setup React Js project?
- Introduction to Github
- Setup Git Bash
- Basic Git Commands
- Challange
What is React.js?
- What is React Js?
Basics of React and components
- Basics of React Js
- How to add npm packages in React Project
- React-Routes
- React-Bootstrap Components
- React-Icons
React state
- React State
Rendering Lists & Conditional Content
- React Conditional Rendering
- React List Rendering
Debugging React app
- How to open inspect on chrome ?
React styling
- CSS
- React-Bootstrap
- Frontend Guidelines Document
- SCSS
Practice Project
- Challange1
- Challange2