Intro to Next.js

Led byRizwana Khan

January 12, 2022 - March 30, 2022

20Capacity

In PersonLocation

9Sessions

We are currently checking for interest in this course. If you would like to join, please drop us a message, and keep an eye on this page

Breakdown

Week 1:

  • Course introduction
  • Intro to and writing HTML
  • Web page structures
  • Intro to and writing CSS
  • The anatomy of a web page
  • Practical: Creating a web page

Week 2:

  • Brief history of the web
  • Where it is heading
  • Compatibility: Writing for different browsers
  • Introduction to web UX
  • UI Considerations
  • Introduction to responsive web
  • Practical: Style a website

Week 3:

  • Introduction to “algorithm”
  • Understanding programming
  • Practical: writing pseudo code
  • JavaScript Fundamentals
  • Practical: Anagram Checker
  • DOM Events
  • Practical: Clicking game

Week 4:

  • Understanding methods
  • Using modules
  • Practical: writing your first module
  • Introduction to JSX

Week 5:

  • Introduction to Next.js and React Elements
  • Understanding react in Next.js
  • Practical: Making a calculator

Week 6:

  • Introduction to Git and Github Desktop
  • Setting up a repository
  • Practical: Committing to repository
  • CSS modules and global styling
  • Practical: Styling the calculator

Week 7:

  • Practical: Team up
  • Preparing for collaboration with Github
  • Practical: Project planning
  • Project Briefing
  • Practical: Tasking

Week 8:

  • Practical: Team development

Week 9:

  • Practical: Team development, wrapping up
  • Demo
  • Awards
Don't miss out!

Sign up to our mailing list to get updates about ProjectFunction, and our upcoming courses.