Frontend Web Designer Level 1

Skillcef Remote/Online

Skills

JavascriptReact js

Program Description

This 30-day program is designed to take learners from the fundamentals of JavaScript to building modern, scalable web applications with React.js. It starts with JavaScript essentials, progresses to advanced ES6+ features, DOM manipulation, and event handling, then moves into React.js concepts like components, props, state, hooks, and API integration. By the end of the course, learners will have developed multiple small projects and a complete React application.

Syllabus/Curriculum

Program Outine

Day1

Introduction to JavaScript, syntax, and basic programming concepts

Day2

JavaScript variables, data types, and operators

Day3

Conditional statements and loops

Day4

JavaScript functions, parameters, return values, and scope

Day5

Arrays and array methods (map, filter, reduce, forEach)

Day6

Objects and object manipulation

Day7

ES6+ features: let/const, template literals, arrow functions

Day8

Destructuring, spread/rest operators, and default parameters

Day9

DOM manipulation: selecting, creating, and modifying elements

Day10

Event handling, form validation, and event delegation

Day11

JavaScript timers: setTimeout, setInterval, and animations

Day12

JSON, localStorage, and sessionStorage

Day13

JavaScript error handling and debugging

Day14

Mini Project: Interactive To-Do List App

Day15

Introduction to React.js, project setup with Create React App / Vite

Day16

React components: function and class components

Day17

JSX syntax and rules

Day18

Props: passing and validating data between components

Day19

State management with useState

Day20

Handling events in React

Day21

Conditional rendering and lists in React

Day22

useEffect for side effects and lifecycle simulation

Day23

Forms and controlled components in React

Day24

React component composition and reusability

Day25

React Router for navigation between pages

Day26

Fetching data from APIs using fetch and axios

Day27

Managing global state with Context API

Day28

Optimizing performance with memoization and useCallback

Day29

Mini Project: Build a Weather App with API integration

Day30

Final Project: Develop a complete multi-page React.js application

Program Certificate Preview

Click to enlarge

Apply for this Program

Program Information

Program Type
Short Internship Program
Location
Online/Remote
Mentor/Guide
1:1
Experience
No Required
Qualifications
Any Graduate
Benefits
CertificatesInternship OpportunitiesJob Referrals2 ProjectsUnlimited Practice Assessments3 Mock InterviewsCheck learning progress
Price
549 INR