Developers Toolkit Part 1: Connecting the Frontend (Synchronous e-learning)
About This Course
This course will equip learners with the following competencies.
- Understand and appreciate web application architecture and technologies
- Develop static web pages using HTML
- Style the web pages using CSS and CSS frameworks such as Bootstrap, Material UI
- Make web pages responsive to different screen sizes from mobile and desktop to large TV screens.
- Understand DOM (Document Object Model)
- Connect Frontend to Backend application and make calls to Backend RESTful API for dynamic data.
- Understand principles of coding and use data structures such as Arrays, Linked lists, hash tables, stacks and queues with JavaScript (JS) language to solve problems.
- Develop dynamic web pages
- Plot various types of Charts on the webpage for data visualisation using JS libraries such as Plotly, Charts.JS and D3.JS.
- Understand frontend frameworks, ReactJS, ReactJS lifecycle events and build modern Single Page React JS applications.
- Style React JS applications with CSS frameworks such as React-Bootstrap and Material UI
What You'll Learn
1. Basics of frontend and backend development, UI/UX design principles and responsive web UI design. Understanding the ecosystem of NodeJS to build server-side apps.
2. Understanding the fundamentals of the data structures, core principles of coding, code complexity and learn concepts behind Arrays, Linked lists, hash tables, stacks and queues. The contents will be delivered in an interactive and engaging ‘code-with-the-instructor’ approach.