Front-End Development: Junior Developer Course

Front-End Web Development: Junior Developer Course Outline

Module 1: Introduction to Programming

• Software, its basic architecture, and how it is developed
• Software Trends
• Programming and what it entails
• Essential skills for programmers
• Problem-solving and Critical Thinking as vital aspects of programming
• The Self-Learning process
• Introduction to the Coding Environment (Code Editor, Terminal, IDEs, Version Control, etc.)

Module 2: Introduction to Front-End Web Development

• Introduction to Web Development
• The Internet (World Wide Web)
• Components of a web page
• A web server
• Client-side as Frontend, and Server-side as backend software development
• More on Frontend Development
• Role of a Front-end Developer
• Different types of front-end technologies
• Basic components of client-side software (code that the browser understands HTML, CSS, and JS).

Module 3: HTML and CSS

• Introduction to HTML as “The Skeleton” and CSS as “The Flesh”
• Basic HTML syntax
• Using HTML to structure a web page
• Basic CSS syntax
• Using CSS to style a web page
• CSS selectors and specificity

Module 4: Creating Web Page Layouts With CSS

• Apply basic CSS positioning techniques
• Create two-dimensional layouts with CSS Grid
• Implement one-dimensional layouts with Flexbox
• Explore legacy layouts

Module 5: JavaScript

• JavaScript as a programming language
• Basic JavaScript syntax
• JavaScript variables, functions, and objects
• Using JavaScript to add interactivity to a web page
• Working with JavaScript Object Notation (JSON)
• Making API calls and updating the UI with the responses.
• Writing clean and maintainable JavaScript code (return values, commenting, testing, and debugging)

Module 6: Command Line and Version Control

• Easy CLI Commands
• Git and Repos (e.g. Github, GitLab, etc.).
• Basic Git commands
• Using Git to manage your code

Module 7: Deploying a Website

• Introduction to Web hosting as purchasable cloud servers
• How to choose a web hosting provider
• Deploying a website to a live server