Understand Your Computer

• Basic understanding of your computer hardware and functions
• Development languages and differences
• Basic Web development languages and tools
  • What is HTML
  • What is CSS
  • What is JS
  • What is React
  • What is VSCode
  • What is the Devtool
• Differences between client and server developme

   

HTML Basics

• Basic HTML
  • Elements
  • Attributes
  • Headings
  • Paragraphs
  • Links
  • Images
  • Tables
  • Lists
  • Forms
• Advance HTML
  • Styling
  • Colors
  • Classes and IDs
  • Iframe

CSS

• • CSS Syntax
    • Selectors
    • Colors
    • Backgrounds
    • Borders
    • Margins and padding
    • Height and Width
    • Text
    • Fonts
• Advanced CSS
  • The Boxing model
  • Display and positioning
  • CSS Units
  • Flexbox
  • CSS Grid
  • Responsive CSS
  • Intro to SASS

• JavaScript
  • Intro to development
  • Variables
  • Statements
  • Data types
  • Conditions
  • Loops
  • Arrays
  • Functions
• NPM
• React
  • Introduction to Components based framework
  • Intro to JSX
  • What is React
  • Props
  • Basic components
  • React Hooks
  • Originating a react project
  • React State, useState
  • Conditional Rendering
  • Styling React Components
  • useEffect
  • useMemo/useCallback/useReducer/useRef
  • HTTP requests / Axios
  • React Router
  • Context-API

Redux

• Redux-thunk
• Redux toolkit
  • Styled components          
  • TypeScript
  • React-Query
• Git basics
• Unit-tests in a nutshell