Sharing Is Caring:

Introduction to Front-End Development

How to build web application if you never did it before

Free tutorial

Created by Tatiana Minina

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

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

Course content

7 sections • 35 lectures • 1h 37m total lengthCollapse all sections

Introduction4 lectures • 7min

  • Introduction03:40
  • Four layers of the web01:31
  • Three layers of the Front-End01:36
  • On-line resources00:13

Web developer tools4 lectures • 11min

  • CMS (Content Management System)01:09
  • In-browser Web developer tools02:53
  • Online tools03:32
  • IDEs03:01

HTML8 lectures • 21min

  • Historical review03:40
  • HTML 4.0103:04
  • Head of the document02:19
  • Document body01:54
  • Text and lists02:14
  • Tables02:02
  • Forms03:14
  • What’s new in HTML 502:19
Read Also -->   Introduction - Salesforce Lightning Web Components

CSS6 lectures • 19min

  • CSS: Overview02:55
  • CSS object model02:57
  • Colors01:53
  • CSS for text02:01
  • CSS box model03:39
  • CSS 305:08

JavaScript6 lectures • 17min

  • Document Object Model01:41
  • Vanilla JavaScript05:49
  • jQuery and other libraries01:28
  • JavaScript Frameworks01:06
  • AJAX (Asynchronous JavaScript and XML)02:00
  • JavaScript Object Notation05:12

Project: Bookshelf6 lectures • 23min

  • Sketch and workflow03:47
  • HTML structure03:53
  • Let’s style it05:47
  • Add some magic07:40
  • Touch-up01:36
  • Project code00:05

Conclution1 lecture • 1min

  • Thank you00:06

👇👇👇👇 Click Below to Enroll in Free Udemy Course 👇👇👇👇

Go to Course

👇👇 See Also 👇👇

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock