
Development > Web Development
After the completion of the course, you will walk away with complete knowledge of all the basics of Designing. You will also be a confident designer than before.
The best thing about this course is anyone can learn this course. There is no academic qualification required for this course. If you have interest then that is all we need. Moreover as this course is free, you have nothing lose actually.
However, you need to register with us before you can join this course. So, why wait, go register today. We are waiting for you.
Who is this course for?
-
Anyone who is interested.
-
Anyone who is willing to invest time, yes just time no money.
-
Anyone with no knowledge of programming.
What you will learn after this course?
-
You will learn about color selection, font section and spacing. These are the basic elements of any designing course.
-
You will know if you have designing skills within yourself or not.
-
If you are serious then this might open a new career option for you.
Curriculum
- 19 Sections
- 149 Lessons
- 7 Quizzes
- 9h 20m Duration
Front-End Web Development
- What You'll Get In This Course
- Download The Course Syllabus
- Download the 12 Rules to Learn to Code eBook [Latest Edition]
- Download The Required Software
- How Does The Internet Actually Work
- How Do Websites Actually Work
- How to Get the Most Out of the Course
- How to Get Help When You're Stuck
- Pathfinder
Introduction to HTML
- A Note About 2023 Course Update
- What Is HTML?
- How to Download the Course Resources
- HTML Heading Elements
- HTML Paragraph Elements
- Self Closing Tags
- [Project] Movie Ranking
- How to Ace this Course
Intermediate HTML
- The List Element
- Nesting and Indentation
- Anchor Elements
- Image Elements
- [Project] Birthday Invite
Multi-Page Website
- Computer File Paths
- What are Webpages?
- The HTML Boilerplate
- [Project] Portfolio Website
- How to Host Your Website for Free with GitHub
- Introduction to Capstone Project
- Instructions for Capstone Project 1 - Online Resume
Introduction To CSS
- Why do we need CSS?
- How to add CSS
- CSS Quiz
- CSS Selectors
- [Project] Colour Vocab Website
- Tips to deal with distraction
CSS Properties
- CSS Colours
- Font Properties
- Inspecting CSS
- The CSS Box Model - Margin, Padding and Border
- [Project] Motivational Poster Website
- What Have You Learn?
Intermediate CSS
- The Cascade - Specificity and Inheritance
- Combining CSS Selectors
- CSS Positioning
- [Project] CSS Flag
- Different CSS Selectors
- Different CSS Position
Advanced CSS
- CSS Display
- CSS Float
- How To Create Responsive Website
- Media Queries
- [Project] Web Design Agency Website
- Tips - How To Deal With Procrastination
FlexBox
- Display - Flex
- Flex Direction
- Flex Layout
- Flex Sizing
- [Project] Pricing Table
- FlexBox Quiz
Grid
- Display: Grid
- Grid Sizing
- Grid Placement
- [Project] Mondrian Painting
BootStrap
- What is Bootstrap?
- Bootstrap Layout
- Bootstrap Components
- [Project] TinDog Startup Website
Quiz
- Programming quiz
Introduction to Javascript
- Introduction to Javascript
- Javascript Alerts - Adding Behaviour to Websites
- Data Types
- Javascript Variables
- Javascript Variables Exercise Start
- Javascript Variables Exercise
- Javascript Variables Exercise Solution
- Javascript Variables Exercise Solution
- Javascript Variable Naming Quiz
- String Concatenation
- String Lengths and Retrieving the Number of Characters
- Slicing and Extracting Part of a String
- Challenge: Changing Casing in Text
- Challenge: Changing String Casing Solution
- Basic Arithmetic and the Modulo Operator in Javascript
- Increment and Decrement Expressions
- Javascript Numbers Quiz
- Functions Part 1: Creating and Calling Functions
- Functions Part 1 Challenge - The Karel Robot
- The Karel Chess Board Solution
- A Quick Note About the Next Lesson
- Functions Part 2: Parameters and Arguments
- Life in Weeks Coding Exercise
- Life in Weeks Solution
- Functions Part 3: Outputs & Return Values
- Challenge: Create a BMI Calculator
- Challenge: Create a BMI Calculator
- Challenge: BMI Calculator Solution
- JavaScript Functions Quiz
- Tips - Set Your Expectations
Intermediate Javascript
- Random Number Generation in Javascript: Building a Love Calculator
- Control Statements: Using If-Else Conditionals & Logic
- Comparators and Equality
- Combining Comparators
- BMI Calculator Advanced (IF/ELSE)
- Introducing the Leap Year Code Challenge
- Leap Year Challenge Exercise
- Leap Year Solution
- Collections: Working with Javascript Arrays
- Adding Elements and Intermediate Array Techniques
- Who's Buying Lunch? Code Challenge
- Who's Buying Lunch Solution
- Control Statements: While Loops
- Solution to the 99 Bottles Challenge
- Control Statements: For Loops
- Introducing the Fibonacci Code Challenge
- The Fibonacci Exercise
- Fibonacci Solution
The Document Object Model
- Adding Javascript to Websites
- Introduction to the Document Object Model (DOM)
- Solution to the DOM Challenge
- Selecting HTML Elements with Javascript
- Manipulating and Changing Styles of HTML Elements with Javascript
- The Separation of Concerns: Structure vs Style vs Behaviour
- Text Manipulation and the Text Content Property
- Manipulating HTML Element Attributes
- Download the Starting Files
Advanced Javascript and DOM Manipulation
- What We Will Make - Drum Kit
- Download the Starting Files
- Adding Event Listeners to a Button
- Higher Order Functions and Passing Functions as Arguments
- Higher Order Function Challenge Solution
- 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
- A Quick Note About the Next Lesson
- Using Keyboard Event Listeners to Check for Key Presses
- Understanding Callbacks and How to Respond to Events
- Adding Animation to Websites
- Download the Completed Website
jQuery
- What is jQuery?
- How to Incorporate jQuery into Websites
- How Minification Works to Reduce File Size
- Selecting Elements with jQuery
- Manipulating Styles with jQuery
- Manipulating Text with jQuery
- Manipulating Attributes with jQuery
- Adding Event Listeners with jQuery
- Adding and Removing Elements with jQuery
- Website Animations with jQuery
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
Introduction into React
- Welcome to Front-End Web Development with React
- Introduction to React
- Node.js and NPM