Scribd
Upload
11 views

ICodeDre Web Development Course Syllabus

The Front-End Web Development Course covers essential topics including web fundamentals, HTML, CSS, JavaScript, and web design principles. It progresses from basic concepts to advanced techniques such as DOM manipulation and responsive design. The course also includes practical challenges and introduces the Unix command line for file management.

Uploaded by

awii boy
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
11 views

ICodeDre Web Development Course Syllabus

The Front-End Web Development Course covers essential topics including web fundamentals, HTML, CSS, JavaScript, and web design principles. It progresses from basic concepts to advanced techniques such as DOM manipulation and responsive design. The course also includes practical challenges and introduces the Unix command line for file management.

Uploaded by

awii boy
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

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.

You might also like