-40%

Web Development

Complete Front-End Web Development Course

admin

Last Update January 12, 2023

0 already enrolled

About This Course

Complete Front-End Web Development Course

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

The Complete Front-End Web Development Course from the experts. Learn Web development basics with HTML, Cascading Style Sheets (CSS), JavaScript Programming, Bootstrap framework, jQuery JavaScript library and more as we are beginning this course with the very basic and simple concepts. You’ll have a strong group of development projects after finishing this course and learning to build a simple HTML text site, website programming with JavaScript, Styling web pages using Cascading Style Sheets, creating and publishing Google Chrome Extension, building a Pipboy using the framework of Bootstrap to present future employers.

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 developer 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

Advance Website Development Training

The Adobe Xd & Figma Master Course – UI / UX Design

Certificate to Web Development