Learners are expected to use OS versions Windows 10 or MacOS (BigSur) and above. This is to ensure all learners in the class are able to go through installations and configurations without obstacles. All setups, installations and configurations instruction will are written with these OS versions in mind.
Learners are expected to use Google Chrome for this program. All debugging and troubleshooting efforts will be done on Chrome's Developer Tool. If learners faced resource issue on their local machine, they can opt for firefox as an alternative.
In module 1, learners will be going through the following topics during lesson:
- Software Development Environment
- Code Version Control with GIT
- Software Testing Methodologies
- Agile SCRUM
Learners will be learning the following topics in the self studies materials and assignment:
- HTML
- CSS
- JavaScript
Refer to the following markdown file for the respective sections of the class:
Learners will understand:
- What makes a great developer.
- What is a programming language and why do we need them.
- The difference between compiler, transpiler and interpreter.
- What is a software development environment.
Learners will be able to:
- Install all the necessary software development tools needed for this program:
- bash shell for windows
- NVM or NVM-Windows.
- Latest Node LTS
- GIT CLI
- Install VS Code Plugins:
- Code Runner.
- Live Server.
- Live Share
- Prettier
- Use Chrome Developer's Tool
| Duration | What | How or Why |
|---|---|---|
| - 5mins | Start zoom session | So that students can join early and start class on time. |
| 10 mins | Self studies check-in | Warm up students with self studies check-in and bridge in to lesson. |
| 30 mins | Conceptual Knowledge | This period is used to support self studies check-in and expect more explanations. |
| 20 mins | Part 1 - Install Power Bash for Windows | Affecting only those who uses Windows OS. MacOS users to explore cheat sheet. |
| 1 HR MARK | ||
| 5 mins | Break | Break |
| 20 mins | Part 2 - Install NVM & Node | All learners to install latest LTS. |
| 30 mins | Part 3 - Install VS Code | Along with three other extensions. |
| 5 mins | Break | |
| 2 HR MARK | ||
| 20 mins | Part 4 - Install GIT | Only installation is needed. |
| 20 mins | Part 5 - Chrome Developer's T0ol | Guide learners to navgiate around the console, html and css tabs. |
| 20 mins | Part 6 - Self studies briefing | |
| END CLASS 3 HR MARK |