Frontend Web Development Course

What Will You Learn?

• By the end of this program, you would have been able to design and layout responsive web applications using different layout techniques; develop front-end applications using JavaScript and its most popular framework, ReactJS; understanding the synchronous and asynchronous architecture of programming; consume and integrate third-party RESTful APIs in an application; deploy applications to the web using cloud-based hosting such as Netlify and Vercel; and clearly document and present the projects you have developed and deployed. At the end of the course, you would have built at least three solid real-world projects and a portfolio, all to give you the competitive edge you need.
• Week 1 – 8
• Introduction to Computer Science
• Introduction to web development and web tools (GitHub & Command lines)
• Introduction to HTML & HTML5
• Introduction to CSS3 (Application of basic CSS styles to HTML elements)
• CSS Flexbox
• CSS Grid
• Creating responsive web application using CSS Media Queries
• Introduction to JavaScript
• JavaScript data types, functions, data structures, control flow
• ES6 features
• Synchronous vs asynchronous JavaScript architecture
• DOM & DOM manipulation
• JavaScript Algorithms
• Week 9 – 13
• Introduction to the React library & JSX
• Function-based components vs Class-based components
• Outputting dynamic values
• Handling Events in React
• Passing variables and functions as Props
• Outputting lists
• Conditional rendering
• React hooks (useState, useEffect, useRef, useContext etc)
• Fetching and consuming APIs and Integration
• React Router DOM
• Week 14
• Frontend final project and presentation