Library

Course: Introduction to Front-End Development

Introduction to Front-End Development

  • Life Time Access
  • Certificate on Completion
  • Access on Android and iOS App
  • Self-Paced
About this Course

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
Basic knowledge
  • 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
What you will 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
Curriculum
Number of Lectures: 30
Total Duration: 01:23:24
Introduction
  • Introduction  

    Overview of the course

  • Four layers of the web  
  • Three layers of the Front-End  
Web developer tools
  • CMS (Content Management System)  
  • In-browser web developer tools  
  • Online Tools  
  • IDEs  
HTML
  • Historical overview  
  • HTML 4.01  
  • Head of the document  
  • Document body  
  • Text and lists  
  • Tables  
  • Forms  
  • What's new in HTML 5  
CSS
  • CSS: Overview  
  • CSS object model  
  • Colors  
  • CSS for text  
  • CSS box model  
  • CSS 3  
JavaScript
  • Document Object Model  
  • Vanilla JavaScript  
  • jQuery and other libraries  
  • JavaScript Frameworks  
  • JavaScript Object Notation  
Project: Bookshelf
  • Sketch and workflow  
  • HTML structure  
  • Let's style it  
  • Touch-up  
Reviews (0)