Introduction to Software Development

Operating Systems Requirement for this Program

Learners are expected to use OS versions Windows 10 / 11 or MacOS (Monterey) 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 configuration instructions are written with these OS versions in mind.

Browser Requirement for this Programme

Learners are expected to use Google Chrome for this programme. All debugging and troubleshooting efforts will be done on Chrome's Developer Tool. If the learner faces any resource issues on their local machine, the learner can opt to use Firefox as an alternative browser.

Module 1 Brief

In Module 1, learners will be going through the following topics during lesson:

• Software Development Environment
• Version Control with GIT
• Software Testing Methodologies
• Agile SCRUM

Learners will be learning the following topics in the self-study materials and assignments:

• HTML
• CSS
• JavaScript

Lesson files

Each lesson contain files that would be helpful in learning through the programme. You can refer to the following markdown files for the respective sections of each lesson:

• Self Studies
• Lesson
• Assignment

Lesson Objectives

Learners will understand:

• What is a programming language and why do we need them.
• The difference between compiler, 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 Tools

Lesson Plan

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 Tools	Guide learners to navgiate around the console, html and css tabs.
20 mins	Part 6 - Self studies and assignment briefing
	END CLASS 3 HR MARK