FRONT-END WEB DEVELOPMENT COURSE SYLLABUS
taught by: iCodeDre
Section 1 - Introduction to The Web
● Web Development Explained.
● How Does the Internet Actually Work.
● How Do Websites Actually Work.
Section 2 - Introduction to HTML 5
● HTML Explained.
● How to Use the HTML Heading Tags.
● How to Use the HTML Paragraph Tag.
● How to Use HTML Self Closing Tags.
Section 3 - Intermediate HTML 5
● The List Elements.
● Nesting and Indentation.
● Anchor Elements.
● Image Elements.
Section 4 - Multi-Page Websites
● Computer File Paths.
● What are Webpages.
● The HTML Boilerplate.
● Introduction to Github. How to Host Your Websites for Free on Github.
Section 5 - CSS
● CSS Explained.
● Why do we need CSS.
● How to add CSS.
● CSS Selectors.
Section 6 - CSS Properties
● CSS Colours.
● Font Properties.
● Inspecting CSS.
● The CSS Box Model - Margin, Padding and Border.
Section 7 - Intermediate CSS
● The Cascade - Specificity and Inheritance.
● Combining CSS Selectors.
● CSS Positioning.
Section 8 - Advanced CSS
● CSS Display.
● CSS Float.
● How to Create Responsive Websites.
● Media Queries.
Section 9 - Flexbox
● Display: Flex.
● Flex Direction.
● Flex Layout.
● Flex Sizing.
Section 10 - Grid
● Display: Grid.
● Grid Sizing.
● Grid Placement.
Section 11 - Web Design School
● Introduction to Web Design.
● Understanding Colour Theory.
● Understanding Typography and How to Choose a Font.
● Manage Attention with Effective User Interface (UI) Design.
● User Experience (UX) Design.
Section 12 - Introduction to JavaScript ES6
● Introduction to JavaScript.
● JavaScript Alert - Adding Behavior to Our Websites.
● Data Types.
● JavaScript Variables.
● Naming and Naming Conventions for JavaScript Variables.
● String Concatenation.
● String Lengths and Retrieving the Number of Characters.
● Slicing and Extracting Parts of a String.
● Basic Arithmetic and the Modulo Operator in JavaScript.
● Increment and Decrement Expressions.
● Functions Part 1: Creating and Calling Functions.
● Functions Part 2: Parameters and Arguments.
● Functions Part 3: Outputs and Return Values.
Section 13 - Intermediate JavaScript
● Random Number Generations JavaScript.
● Control Statements: Using if-else Conditionals and Logic.
● Comparators and Equality.
● Combining Comparators.
● Collections: Working with JavaScript Array.
● Adding Elements and Intermediate Array Techniques.
● Control Statements: While Loops.
● Control Statements: For Loops.
Section 14 - The Document Object Module (DOM)
● Adding JavaScript to websites.
● Introduction to The Document Object Module (DOM).
● Selecting HTML Elements with JavaScript.
● Manipulating and Changing styles of HTML Elements with JavaScript.
● The Separation of Concerns: Structure vs Style vs Behavior.
● Text Manipulation and Text Content Property.
● Manipulating HTML Element Attributes.
Section 15: Boss Level Challenge 1 - The Dice Game
Section 16: Advanced JavaScript and DOM Manipulation
● Adding Event Listeners to Buttons.
● Higher Order Functions and Passing Functions as Arguments.
● How to play Sounds on a Website.
● How to Use Switch Statements in JavaScript.
● A Deeper Understanding of JavaScript Objects.
● Objects, their Methods and The Dot Notation.
● Using Keyboard Event Listeners to Check for Key Presses.
● Understanding Callbacks and How to respond to Events.
● Adding Animations to Websites.
Section 17 - The Unix Command Line
● Install Git Bash on Windows.
● Understanding The Command Line. Long Live The Command Line.
● Command Line Techniques and Directory Navigation.
● Creating, Opening and Removing Files through The Command Line.
