Web Design and Application Development (Frontend + ReactJS) (ONLINE)

Lecturer
fitimanager
0 Reviews

Course Description

₦150,000

WEB APPLICATION DEVELOPMENT

(FRONTEND + REACTJS)

WEEK 1

  • Introduction to web development
  • Introduction to HTML
  • HTML Tags
  • HTML Style Guide
  • HTML Forms
  • HTML Media
  • HTML Graphics

 

WEEK 2

  • Introduction to CSS and its syntax
  • Styling and formatting in CSS
  • CSS properties
  • CSS media queries
  • Design a Responsive Website

WEEK 3

  • Introduction to JavaScript.
  • Data types and variables
  • JavaScript Operation
  • Object and Arrays
  • Conditional statement in JavaScript
  • Looping in JavaScript (while, for loop, for-each loop etc.)
  • JavaScript Functions.
  • JavaScript Classes

WEEK 4

  • Destructuring
  • Import & Export
  • Filter & Map Methods
  • Spread syntax
  • Template String
  • Arrow function

WEEK 5

  • DOM Manipulation in JavaScript.
  • JavaScript Event Handlers
  • Handling HTML Forms in JavaScript
  • Session and Local storage in JavaScript
  • Fetch API and Promises
  • Async & Await
  • Design and Develop a Responsive Website using HTML, CSS and JavaScript

 

WEEK 6

  • Introduction to Reactjs
  • Using React with a CDN & Making a react Component
  • JSX & Template & Template Expressions & variables
  • Click event & Event Handlers
  • Making a React site
  • Project Structure Walkthrough
  • Running the Application.
  • Using images and stylesheets
  • Introduction to state & useState
  • Why we need State
  • Using the useState Hooks
  • How State & rendering Works
  • Outputting List
  • Conditional template
  • UseState Limitations

WEEK 7

  • Components & Props
  • Using Multiples Components
  • Intro to Props
  • Children Prop
  • Functions as Props

WEEK 8

  • Styling react Applications
  • Using Global Stylesheets
  • Component Stylesheets
  • Using Inline styles
  • Dynamic inline Styles
  • Conditional CSS Classes
  • CSS Module

WEEK 9

  • Form & Label in React
  • The onChange Event
  • Controlled input
  • Submitting Forms (onSubmit)
  • Adding Events to the Event List
  • Using the useRef Hook
  • Select Boxes

WEEK 10

  • React Router
  • Multi Page React Sites
  • React Router Setup
  • Switch & Exact Match
  • Link & Nav Links
  • Examination
  • Project