Frontend Development with React and Next.js | Weekend Upskilling Program
This Weekend Upskilling Program in Frontend Development with React and Next.js is designed specifically for working professionals, tech enthusiasts, and self-taught developers who want to sharpen their frontend skills without interrupting their weekday commitments. Delivered offline by active developers from Digital Aptech, the course focuses on modern interface development, SEO-first application architecture, and industry-aligned workflows using React and Next.js. By the end of this hands-on program, learners will build and deploy a real-world project—making it ideal for personal portfolio enhancement, freelancing, or internal team contribution at work.
What You’ll Learn From This Course
- Modern UI layout techniques with HTML5 and CSS3
- Component-driven development using React.js
- Next.js essentials for performance, routing, and SEO
- State management using React hooks
- Connecting frontend to APIs
- Modular code structuring and reusable components
- Version control and project deployment workflows
- Build and present a complete full-stack project
Tools & Technologies Covered
- HTML5, CSS3, JavaScript ES6+
- React.js (Hooks, Components, JSX)
- Next.js (Pages, Routing, SSR Basics)
- Git & GitHub
- Netlify / Vercel for Deployment
- VS Code, Prettier
- Axios, Postman (API Testing)
Certification
Upon successful completion, learners will receive:
- Digital Aptech Academy Course Certificate
- 1 Project Completion Certificate
-
Unit 1
Weekend 1–2Course: Web Fundamentals & JavaScript Basics
HTML5 & CSS3 Layout
Flexbox, Grid, and Responsive Design
JavaScript: Variables, DOM, Functions, Events
Git & GitHub Basics (Local + Remote)
-
Unit 2
Weekend 3–4Course: React.js Essentials
JSX, Functional Components
useState, useEffect Hooks
Conditional Rendering & Lists
Form Handling and Mini Validation
Project: Task Tracker App (Single Page)
-
Unit 3
Weekend 5–6Course: Next.js Integration
File-Based Routing
Pages, Links, Layouts
Static Generation vs Server-Side Rendering
Image Optimization with next/image
Dynamic Routing & Project Folder Structure
-
Unit 4
Weekend 7–8Course: Final Project & Deployment
API Integration with Axios
Reusable Components and Props
UI Polishing & Form Enhancements
Deployment with Netlify / Vercel
Project Walkthrough + Final Submission
Dipankar Neogi
Sr. Frontend Developer