Front-end Development
Kickstart your web design journey with this beginner-friendly front-end development course! Learn to build beautiful, responsive websites using HTML, CSS, and J...
Weekly LIVE Sessions
0
Very soon you'll be able to get a mentor on any matter of interest to you. Please check back soon.
Kickstart your web design journey with this beginner-friendly front-end development course! Learn to build beautiful, responsive websites using HTML, CSS, and J...
Weekly LIVE Sessions
0
Front-end development focuses on the visual and interactive parts of a website or application. It involves writing code in HTML, CSS, and JavaScript to create responsive, accessible, and engaging user experiences. Front-end developers work closely with designers to bring layouts, animations, and features to life in the browser.
By learning front-end development, you gain the power to build beautiful, user-friendly websites and applications that people interact with every day. These skills are in high demand across industries, opening doors to remote jobs, freelance opportunities, and full-time roles with top companies. Whether you want to launch your tech career, start your own web projects, or collaborate better with developers and designers, mastering front-end development gives you the tools to turn creative ideas into functional, real-world solutions.
The Web is Amazing
Getting Started with CSS (Cascading Style Sheets)
CSS Zen Garden Demo
The Invention of CSS
Meet CSS Zen Garden
Hello Beautiful World
Live Coding Hello Beautiful World
Building a CSS Rule
HTML to Get You Started
Anatomy of a CSS Rule
Intro to Specific HTML Elements
The Power of CSS Selectors
Meet Classes and IDs in CSS
CSS Pseudo-classes: The Magic Selectors
Contextual Selectors
Cascading in CSS
Layouts and Positioning in CSS: A Deep Dive
The CSS Box Model
CSS float Property
Relative Positioning in CSS
Introduction to Designing Your Websites
The Importance of Websites Design
The History of Web Design
Quiz: CSS Basics
01:30:0Welcome to HTML5 and CSS Fundamentals
Welcome
Live coding video using JSBIN
Live coding video using codepen
Live coding using Visual studio
HTML preview using VS code
First page with VS code
Putting it all together
HTML5 Quotes
Attributes, Images, and Links in HTML
Global Attributes
Using the img tag
Using the Hyperlink Attributes
Live Coding Video Recipe Project
Intro to fixing and debugging
Understanding CSS Rules
Recipe
Quiz: HTML and CSS Fundamentals
01:30:0Identifying elements.
Modifying elements
Box Models
Live coding video
Intro to module 5
Create a table
Audio and Video elements
Recipe project
Intro to Basic Page Layout
Basic Flex Box
Basic computer literacy
Access to a computer and internet
Willingness to learn and practice coding
Understand HTML, CSS, and JavaScript basics
Build responsive and interactive web pages
Create user-friendly interfaces
This website uses cookies to personalize content and analyse traffic in order to offer you a better experience. Cookie Policy