FULL STACK COURSE 2023

Hi, This is CoderDost Youtube Channel Full Stack Development Course Course Link ,

You can download code from here via :

1. Git Commands

• use git clone <repository_url>

• checkout branch according to video git checkout react-1

• run npm install inside the root directory before running the code

2. If you are not comfortable with git, directly download the branch as Zip.

• Choose branch related to the Video e.g. react-1

• run npm install inside the root directory before running the code

React JS Series

Video 1 - Introduction to React & Setup

• Assignment 1 : Create a Page with multiple React Apps. Both React Apps should be independent of each other.

• Assignment 2 : If we delete node_modules. How to run our app again successfully ?

• Assignment 3 : How to remove double console.logs from React ? [ it is not needed in real life to remove them, its just an assignment problem ]

Related Videos :

1. De-structuring Assignment : Long Video | Object De-structure Short Video | Array De-structure Short Video
2. Import/Export : Long Video | Short Video

Video 2 - Components - JSX and Props

• Assignment 1 : Create a Parent Component called Border which can provide some CSS border to any component nested into it. [Hint : You will need to use children props here < Border> < Component > < Border />

• Assignment 2 : Create a simple React app for Resume building. It will be static website. You have to make components like Resume as top level and under it - Skills, Education, Experience etc as components. All resume data will be under 1 big JavaScript object like which you can us in components via props.

   resume = {
      experience : [ { year:2012, company:'xyz', role:'something' }],
      education:[ ],
      skills : [ 'react js', 'node js']
      .....
      ...
      }

You can choose any simple HTML layout and convert it to React Components

Example Link : Resume HTML

Related Videos :

1. De-structuring Assignment : Long Video | Object De-structure Short Video | Array De-structure Short Video
2. Import/Export : Long Video | Short Video
3. Spread Operator : Long Video | Short Videos