COURSE SUMMARY AND STUDY MATERIAL FOR REFERENCE

Course Summary: (Jan. 2021 - March 2021)


CLIENT SERVER MODEL ON INTERNET

  • What is HTTP
  • Click here for more on HTTP (very important)

HTML

  • HTML file structure
  • HTML tags and elements along with there respective functionalities
  • HTML Attributes
  • HTML Id and Class attributes
  • HTML Forms, click here for more on forms
  • HTML media elements like img, audio, video (embedding Youtube video)
  • Click here for more on HTML

CSS

  • CSS selectors (click here for reference)
  • CSS properties (click here for reference)
  • Click here for more on CSS

Bootstrap

  • Bootstrap classes
  • Bootstrap components
  • Click here for more on bootstrap

JavaScript

  • DOM (Document Object Model)
  • Targeting elements in HTML to dynamically change them by using the 'document' object
  • Data Types
  • Functions 
  • Arrays and related methods
  • Objects and related methods
  • General Object Oriented programming(OOP) concepts : Class, properties and methods
  • Click here for reading about OOP specific to JavaScript
  • Making API calls 
  • Using a third party UI-library called Ant Design (antd) which provides plenty of UI components to enrich your web applications, click here for more on ant-design
  • Click here for more on JavaScript

ReactJS

  • Why React? click here for more on 'why react'.
  • ReactJS project structure
  • Exporting and Importing code(components, variables etc.) inside project
  • React components (functional components and class components)
  • State in a component
  • Life cycle methods
  • Props in class components 
  • Props in functional components
  • API integration using Axios


Study Resources for more learning (highly recommended)


 YT playlist for ReactJS (One of the best online study contents about ReactJS, cover the first 33 videos of this playlist)

ReactJS certification : Coursera (A great course on coursera which includes Redux(a state-management library)) - if you want a certification, go for this one.

Road Map (A website, A road map for web development, try to follow the front-end road map, you can choose to go with the back-end roadmap once you are very comfortable with the front-end part)

Interview Questions (Go through this set of questions and at least cover all the topics mentioned in these questions)

Along with learning, try to find a real project to work on and it will enhance the learning experience to a much greater extent.

Some project ideas : 



Thank you 





Comments

Post a Comment