Free Online Courses, Classes and Tutorials

Diploma in HTML5, CSS3 and JavaScript

Front End Languages
Free Course
Learn to make interactive web pages with HTML5, CSS3 and JavaScript web programming skills.
  • Duration

    10-15 Hours
  • Assessment

  • Certification

  • Publisher

    Channel 9




View course modules

The course Diploma in HTML5, CSS3 and JavaScript introduces you to the three main languages all web developers must learn:

  • HTML5 which is used to define the content of web pages
  • CSS3 which is used to specify the layout and style of web pages
  • JavaScript which is used program the behavior of web pages

The course begins by showing you how to use HTML5 elements and CSS3 style sheets for responsive web design. You will learn how to declare a HTML5 document and set up the head and body sections of a web page. You will then learn about a wide range of HTML5 elements and their functions and uses. You will learn how to identify different types of CSS3 selectors and apply these CSS3 selectors to style web pages. You will learn how to list CSS styles in cascading order of precedence. You will learn how to identify and use inline HTML5 elements, and identify and use block style HTML5 elements. You will also learn how to embed a video using the HTML5 video element and add video controls to a video. You will also learn how to work with HTML5 Canvas and with Scalable Vector Graphics (SVG) in HTML5.

The course then introduces you to JavaScript variables and programming concepts such as declaring variables using the var key word and naming JavaScript variables using identifiers. You will learn about HTML events such as onclick and how JavaScript methods can be used to work with events. You will learn about the different types of conditional statements, their correct syntax and examples of their use. You will learn about JavaScript functions which are blocks of code designed to perform a particular task, and how to write the correct syntax for functions. You will learn about the different types of JavaScript loops (for, for/in, while and do/while loops) and their correct syntax.

You will be introduced to the concept of the Document Object Model and how you can add greater functionality to your web pages using jQuery plugins. When a web page is loaded, the browser creates a Document Object Model (DOM) of the page. The HTML DOM model is constructed as a tree of objects and JavaScript can interact with elements in the DOM to add much greater functionality and interactivity to web pages. You will also learn about jQuery which is the most popular JavaScript library in use today. You will learn how jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. You will learn about jQuery plug-ins which are available on the Web and cover a range of functions such as drag and drop, dynamic lists, events and many others.

This course will be of great interest to all learners who would like to learn about HTML5, CSS3 and JavaScript coding techniques to enhance both the interactivity and functionality of their web pages.

Start Course Now

Having completed this course you will be able to: - Build an example of a real world HTML5 and CSS3 web page; - Describe the semantics behind many HTML5 tags; - Explain the function of CSS Selectors, Properties, Syntax etc.; - Explain the difference between content and presentation on web pages; - Describe the three types of lists in HTML5; - Describe the elements for creating tables; - Create a correctly formatted form using the form element; - Identify and use different types of CSS3 selectors to style web pages; - List CSS Styles in cascading order of precedence; - Identify and use inline and block style HTML5 elements; - Describe how to embed a video using the video element; - Describe how to work with HTML5 Canvas; - Describe how to work with Scalable Vector Graphics (SVG) in HTML5. - Declare a variable in JavaScript; - Write a function in JavaScript; - List HTML5 events and link them to JavaScript methods; - List and use conditional statements in JavaScript; - List and use JavaScript equality operators; - List and use JavaScript loops; - Format and use arrays in JavaScript; - Describe the types of scope in JavaScript; - Link web pages to external JavaScript files; - Describe what the Document Object Model (DOM) is; - Describe how JavaScript can interact with the DOM; - Describe the advantages of working with jQuery; - Describe how to link a web site to jQuery plugin library; - Describe how to write the correct syntax for writing jQuery selectors, methods and events; - List the characteristics of unobtrusive JavaScript; - Describe the syntax rules for JavaScript Object Notation (JSON).

All Alison courses are free to enrol, study and complete. To successfully complete this Diploma course and become an Alison Graduate, you need to achieve 80% or higher in each course assessment. Once you have completed this Diploma course, you have the option to acquire official Certification, which is a great way to share your achievement with the world. Your Alison Certification is:

Ideal for sharing with potential employers - include it in your CV, professional social media profiles and job applications
An indication of your commitment to continuously learn, upskill and achieve high results
An incentive to you to continue empowering yourself through lifelong learning

Alison offers 3 types of Certification for completed Diploma courses:

Digital Diploma - a downloadable Diploma in PDF format, immediately available to you when you complete your purchase
Diploma - a physical version of your officially branded and security-marked Diploma that is posted to you (with FREE standard shipping worldwide)
Framed Diploma - a physical version of your officially branded and security-marked Diploma in a stylish frame that is posted to you (with FREE standard shipping worldwide)

All Certification is available to purchase through the Alison Shop. For more information on purchasing Alison Certification, please visit our faqs. If you decide not to purchase your Alison Certification, you can still demonstrate your achievement by sharing your Learner Record or Learner Achievement Verification, both of which are accessible from your Dashboard. For more details on our Certification pricing, please visit our Pricing Page.


Course Reviews

Thabo N.
one year ago
Thabo N.

An effective way to start learning about the web development and technologies that are widely used in in real time projects. Awesome!!!!!

Babajide O.
one year ago
Babajide O.

This course is excellent for those new to programming with little grasp of HTML5, CSS3 and Javascript. It's the appropriate springboard to getting to the core of programming.

Hiếu N.
one year ago
Hiếu N.

That good. I liked

one year ago

Thank you very much

Muhammad I.
2 years ago
Muhammad I.

Excellent and outstanding course for html and javascript beginners. Contains good bunch of information to increase your web development knowledge.

View All Reviews

You have received a new notification

Click here to view them all