By the end of this program, participants will build a strong foundation in front-end development, create dynamic and responsive websites, and develop a portfolio to land a tech job.
Core HTML: Semantic Tags, Forms, and Accessibility. Structuring Pages Effectively.
Build a personal portfolio webpage.
Core CSS Concepts: Box Model, Positioning, and Flexbox/Grid. Media Queries for Responsive Design.
Create a responsive website layout.
Introduction to JavaScript: Variables, Loops, Functions, and DOM Manipulation.
Develop an interactive webpage (e.g., form validation).
Event Handling, APIs, and JSON. Integrating JavaScript with HTML and CSS.
Create a dynamic weather application using an API.
Promises, Async/Await, and Fetch API. Introduction to ES6 Features.
Build a simple e-commerce cart system.
React Components, State, and Props. Building Interactive User Interfaces.
Develop a React-based to-do application.
React Hooks and Context API. Routing with React Router.
Build a blog application with React.
Improving Performance: Lazy Loading, Code Splitting. Debugging and Browser Tools.
Optimize the blog application for performance.
Introduction to UI/UX Principles. Wireframing and Prototyping with Figma.
Design a wireframe for a mobile application.
Choose a real-world project (e.g., e-commerce site, portfolio, or dashboard). Design the structure and basic layout.
Create the HTML and CSS skeleton of the project.
Develop the project with React and JavaScript. Add dynamic functionality and interactivity.
Implement interactive features in the project.
Finalize the Capstone Project. Build a portfolio and prepare for interviews.
Conduct mock interviews and review portfolios.
