Introduction to Front-End Development

Name: Introduction to Front-End Development
Rating: 4.3 (233 reviews)

How to build web application if you never did it before

Created byTatiana Minina

Last updated 10/2021

English

What you'll learn

Build simple HTML pages
Add styles to the elements
Change styles on fly with JavaScript
Fill element with data from external file using jQuery

Course content

7 sections • 35 lectures • 1h 37m total length

Introduction3:40
Four layers of the web1:31
Three layers of the Front-End1:36
On-line resources0:13

Historical review3:40
HTML 4.013:04
Head of the document2:19
Explore the HTML document structure from doctype to head, including title, meta tags, og properties, and linking stylesheets and scripts.
Document body1:54
Text and lists2:14
Tables2:02
Explore how tables present information with headers, a body, and a footer, and use colspan to combine cells horizontally and vertically for flexible front-end layouts.
Forms3:14
What's new in HTML 52:19

Document Object Model1:41
Learn how the document object model treats a page as a tree of nodes, enabling traversal, styling, and dynamic changes like insertion or removal of nodes.
Vanilla JavaScript5:49
jQuery and other libraries1:28
JavaScript Frameworks1:06
AJAX (Asynchronous JavaScript and XML)2:00
Learn how Ajax updates a web page in the same window without a full reload, using JavaScript to fetch data from the server.
JavaScript Object Notation5:12
Explore JavaScript object notation by building objects with curly braces, properties and values of various types, and render data to the dom using loops, functions, and simple tables.

Requirements

You should be able to use a PC at a beginner level
You should be able to open browsers
Good to have pre-installed apps or be able to install them on the computer

Description

This course gives a base knowledge of the front-end development. It covers HTML, CSS, and JavaScript. Then we use this knowledge to build and style a page and feed it with the data from external data course. We will look at the HTML history, compare different versions of it, check new cool features of HTML5 and CSS3.

Who this course is for:

Anyone who has very basic knowledge of web development and would like to have basic ideas about Front-End development

Introduction to Front-End Development

What you'll learn

Explore related topics

Course content

Introduction4 lectures • 7min

Web developer tools4 lectures • 11min

HTML8 lectures • 21min

CSS6 lectures • 19min

JavaScript6 lectures • 17min

Project: Bookshelf6 lectures • 23min

Conclution1 lecture • 1min

Requirements

Description

Who this course is for: