-40%

Web Development

Complete Front-End Web Development Course

admin

Last Update February 17, 2023

0 already enrolled

About This Course

Complete Front-End Web Development Course

Get started as a front-end website development using HTML, CSS, JavaScript, jQuery, and Bootstrap!

Front-end web development is the practice of designing and building the user interface of a website or application using HTML, CSS, and JavaScript. Here is a step-by-step guide for completing a front-end web development course:

If you would like to learn web development and get a job in the tech industry, you are going to LOVE this course! Learn HTML, CSS, JavaScript, Bootstrap, and more with over 15 hours of HD video tutorials! This course was designed to be extremely beginner friendly. We will begin with the very basics of HTML and build a simple web page. By the end of this course, you will be able to develop and publish your very own Google Chrome extension! In this course, we will focus on coding exercises and projects. Your time will not be wasted reviewing unnecessarily long PowerPoint presentations. Upon completing this course, you will have a solid portfolio of development projects to show potential employers!

These steps should provide you with a solid foundation for completing a front-end web development course. Remember to practice, ask for feedback, and keep learning as web development is constantly evolving.

Learning Objectives

Build a simple HTML text site

Style web pages using CSS

Program websites with JavaScript

Build a Pipboy using Bootstrap

Build and publish a Google Chrome Extension

Requirements

No previous development experience required
Access to various open-source (free) software.

Curriculum

55 Lessons25h

Complete Front-End Web Development Course

About This Course

Complete Front-End Web Development Course

Get started as a front-end website development using HTML, CSS, JavaScript, jQuery, and Bootstrap!

Learning Objectives

Requirements

Curriculum

Welcome to this course

introduction00:00:00

Basic Development in HTML

HTML & HTML5 document structure00:00:00

HTML elements – div and span00:00:00

HTML elements – i, b, p, and a00:00:00

HTML elements – ul, li, and ol00:00:00

HTML elements – header and footer00:00:00

HTML elements – section, main, and article00:00:00

HTML elements – h1-h6 and aside00:00:00

HTML tables00:00:00

Project #1 – HTML text site00:00:00

Advanced HTML Concepts

Images / Tables / Forms / HTML 5 Video / HTML 5 Audio00:00:00

HTML 5 Semantic Tags00:00:00

Meta tags00:00:00

iframe00:00:00

CSS 3 ( Cascading Style Sheet )

Targeting color and background00:00:00

Element specificity00:00:00

ID targeting, margin, and border00:00:00

Padding, margin, and float00:00:00

Max-width and background-image00:00:00

Switching over to an IDE00:00:00

Font weight, style, and family00:00:00

Text decorations / Text spacing00:00:00

Text decoration modification00:00:00

Text shadow00:00:00

Advanced CSS

Pseudo-states / Border radius00:00:00

Positions00:00:00

Pseudo-elements00:00:00

Z-index00:00:00

Viewpoint width and height, overflowing content00:00:00

Transition property00:00:00

JavaScript

Intro to JavaScript00:00:00

Alerts and console logging00:00:00

Integers, strings, and variables00:00:00

Undefined variables and modifying values of variables00:00:00

Boolean operators / Comparing values00:00:00

If statements / For loops00:00:00

Defining functions / Event handling00:00:00

Setting an elements inner HTML00:00:00

JQuery

jQuery setup00:00:00

Targeting elements / Event handling00:00:00

Dropdown menus00:00:00

Making our dropdown disappear00:00:00

Multiple targets, events, and attr method00:00:00

Prevent Default00:00:00

event which and switch properties00:00:00

Custom context menu, pageY, and pageX00:00:00

is method00:00:00

Bootstrap

Bootstrap setup00:00:00

Grid System00:00:00

Bootstrap Structure00:00:00

Navbar pt.100:00:00

Navbar pt.200:00:00

Forms pt.100:00:00

Forms pt.200:00:00

Buttons00:00:00

Final PRoject

WordPress-Shopify Training

Advance Website Development Course

The Adobe Xd & Figma UI / UX Design Course