EIEIOTECHNOVATION
← Training programmes

EIEIO / PROGRAMMING & DEVELOPMENT

Javascript, React.JS and Next.JS

Course outline

6 days
Discuss this programme →

Duration

Javascript, React.JS and Next.JS

6 days

Overview

In the ever-evolving world of web development, mastering JavaScript is essential, and diving into the dynamic realm of React.js and Next.js can be your key to unlocking your potential in a competitive market. This course is crafted to bridge the gap between beginner and intermediate-level web development.

React.js: React.js, a JavaScript library for building user interfaces, was created by Facebook. It has become a cornerstone of modern web development, with a vast community of developers and companies using it. Notable users of React.js include Facebook, Instagram, Airbnb, and Netflix. By learning React.js, you'll be harnessing the technology behind these industry leaders.

Next.js: Next.js, an open-source framework for building server-rendered React applications, is gaining momentum in the web development landscape. It was developed by Vercel, and it's known for its efficient server-side rendering capabilities. Notable users of Next.js include Uber, TikTok, and Spotify. Embracing Next.js will empower you to create high-performance web applications that are sought after by prominent companies.

This course focuses on key JavaScript concepts, delves into React.js's influence in web development, and introduces the robust Next.js framework. Whether you're a self-taught developer or transitioning from another programming language, this course will equip you with the skills needed to build dynamic web applications using these modern technologies.

Objective

  • Understand intermediate JavaScript concepts and gain expertise in ES6 features and modular development.
  • Learn the core principles of React.js, a framework that dominates the web development market.
  • Dive deeper into React.js with component life cycles, event handling, and more.
  • Discover the benefits of Next.js for server-side rendering and routing, a technology with promising market potential.
  • Explore advanced Next.js features, including authentication, SEO optimization, and testing, to stay at the forefront of the market.
  • Apply your knowledge to develop a final project, showcasing your potential as a skilled developer.

Target Participants

This course is suited for:

  • Aspiring web developers seeking to transition from beginner to intermediate proficiency.
  • Self-taught developers looking to formalize their knowledge and improve their skill set.
  • Front-end developers wishing to expand their toolkit and learn about Next.js.
  • Anyone interested in building modern web applications with JavaScript, React.js, and Next.js.

By the end of this course, participants will be well-equipped to build dynamic web applications, navigate React.js, and leverage the power of Next.js in their projects.

Program Prerequisites

No previous programming experience required.

Day 1: JavaScript Intermediate Concepts

  • Review of JavaScript fundamentals
  • Working with variables and data types
  • Conditional statements (if, else if, else)
  • Loops (for, while, forEach)
  • Functions and scope
  • Arrays and array methods
  • Objects and object-oriented programming
  • ES6 features (let, const, arrow functions, classes)
  • Declarative programming
  • Promises and asynchronous programming

Day 2: Advanced JavaScript and React.js Basics

  • Modules and ES6 modules
  • Error handling with try...catch
  • Debugging techniques
  • What is React.js and its core concepts
  • Setting up a React.js project
  • Creating and rendering components
  • JSX and its syntax
  • State and props

Day 3: Intermediate React.js

  • Component lifecycle
  • Handling user events
  • Conditional rendering
  • Lists and keys
  • Forms and form handling
  • Managing state and forms
  • Component composition
  • Hooks (useState, useEffect)

Day 4: Advanced React.js and State Management

  • API calls with Axios or Fetch
  • State management with Context API
  • Advanced state management with Redux
  • Middleware in Redux
  • Immutable data and performance optimization

Day 5: Introduction to Next.js

  • What is Next.js and its advantages
  • Setting up a Next.js project
  • Pages and routing
  • Server-side rendering (SSR) and data fetching
  • Styling in Next.js
  • Creating dynamic pages
  • Deployment strategies for Next.js

Day 6: Advanced Next.js and Final Project

  • Authentication and user sessions in Next.js
  • SEO optimization in Next.js
  • Testing in Next.js applications
  • Final project development
  • Q&A and course wrap-up

Programme scope, delivery arrangements and suitability are confirmed during enquiry.