[go: up one dir, main page]

0% found this document useful (0 votes)
8 views2 pages

Frontend Curriculum

The Frontend Development curriculum is designed to teach students essential skills for creating modern web applications, covering HTML, CSS, JavaScript, and popular frameworks like React. The program includes a structured course outline over four months, focusing on topics such as responsive design, Git, and various JavaScript concepts. By completion, students will be proficient in developing interactive user interfaces and collaborating on frontend projects.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views2 pages

Frontend Curriculum

The Frontend Development curriculum is designed to teach students essential skills for creating modern web applications, covering HTML, CSS, JavaScript, and popular frameworks like React. The program includes a structured course outline over four months, focusing on topics such as responsive design, Git, and various JavaScript concepts. By completion, students will be proficient in developing interactive user interfaces and collaborating on frontend projects.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Frontend

Development Accredited by the


American Council of
Curriculum Training and Development

Executive Summary
The Frontend Development curriculum aims to equip students with the fundamental
skills and knowledge necessary to build modern and responsive web applications.
Through a structured approach, students will learn the core concepts of HTML, CSS,
JavaScript, Responsive design, Git and Github along with popular frameworks and
librariessuch as TailwindCSS, Shad-cn and React.
By the end of the program, students will have the proficiency to create interactive
user interfaces and effectively collaborate in frontend development projects
Course Outline
Month Topic Activity
1 Introduction to  Introduction to HTML
HTML and CSS  Semantic HTML
 HTML Tables
 Forms and multimedia
 Introduction to CSS
 CSS Properties and Styling
 CSS Layout Techniques (Flexbox and Grid)
 Project

2 Working with HTML  Responsive Design


and CSS  Animations and Transitions
 Introduction to TailwindCSS
 Git and Github
 Project

3 Introduction to  Introduction to JavaScript


JavaScript  JavaScript Variables and Data Types
 Working with Objects and Arrays
 JavaScript Functions
 JavaScript Control Structures (Conditionals and
Loops)
 DOM Manipulations
 Event Handling
 Fetch APIs
 Project

4 Introduction to  Introduction to React Js


ReactJs  Why React?
 React Vite
 Components
 Functional components
 JSX (Fragments)
 Props vs State
 Children
 Conditional Rendering
 Javascript in HTML (Curly Braces)
 CSS in JS
 Hooks (useState, useEffect)
 React Library (Overview of react library)
 Project

You might also like