Diploma in HTML5, CSS3 and JavaScript
Learn how to develop an interactive web page using HTML5, CSS3, and JavaScript with this free online course.
Description
HTML5 is used to define the content of web pages while CSS3 is used to specify the layout and style of web pages. With this course, you will learn how master both of these tools. You will then learn how to use JavaScript to program the behavior of web pages. The course will also teach you how to work with paragraphs, text, figures, images, lists, and tables as well as define the structure of your document in an orderly manner.
Next, you will learn how to create forms and use HTML5 enhancements as well as use CSS3 selectors to style web pages. The course will also cover HTML5 canvas, video, and SVG elements and discuss JavaScript programming concepts. Soon, you will be able to write a JavaScript application. The Document Object Model which defines the logical structure of a document will also be covered. You will then learn all about the jQuery, which is a fast, small, and feature-rich JavaScript library.
Building an HTML5 and CSS3 website can seem very intimidating. With this free online course, things will become a lot easier. This course will be of great interest to anyone who would like to learn about HTML5, CSS3, and JavaScript coding techniques to enhance both the interactivity and functionality of their web pages. So, get started with this course today, and improve your computer skills and résumé in just a few short hours.
Start Course NowModules
Module 1: Using HTML5 and CSS3 to Build a Web Page
-
Learning Outcomes
-
Introduction to Course
-
Creating Your First HTML5 Web Page with CSS3
-
Styling Your First HTML5 Web Page with CSS3
-
Understanding the HTML5 You Wrote
-
Lesson Summary
Module 2: Using HTML5 and CSS3 to Format a Web Page
-
Learning Outcomes
-
Working with Paragraphs and Text
-
Defining the Structure of Your Document
-
Working with Figures and Images
-
Working with Lists
-
Creating Tables
-
Lesson Summary
Module 3: Working with Forms
-
Learning Outcomes
-
Creating Forms
-
Form Validation and Other Future HTML5 Form Enhancements
-
Lesson Summary
Module 4: Using CSS3 Selectors to Style Web Pages
-
Learning Outcomes
-
Understanding Cascading Style Sheets
-
CSS3 Font and Text Properties
-
CSS3 Color and Background Properties
-
CSS3 List and Table Properties
-
CSS3 Box Properties
-
Working with CSS3 Font-Face
-
Lesson Summary
Module 5: HTML5 Canvas, Video and SVG Elements
-
Learning Outcomes
-
Embedding Video in HTML5
-
Working with the HTML5 Canvas
-
Working with SVG in HTML5
-
Where to Go From Here
-
Lesson Summary
Module 6: Diploma in HTML5, CSS3 and JavaScript - First Assessment
Module 7: Writing your First JavaScript Application
-
Learning Outcomes
-
Series Introduction
-
Writing Your First JavaScript Application
-
Dissecting the First JavaScript Application You Wrote
-
Writing JavaScript in Visual Web Developer Express Edition
-
JavaScript Variables, Types, Operators, and Expressions
-
Lesson Summary
Module 8: JavaScript Programming Concepts
-
Learning Outcomes
-
Conditional Logic in JavaScript
-
JavaScript Functions
-
JavaScript Arrays
-
Looping Statements in JavaScript
-
Understanding Function versus Global Scope
-
Lesson Summary
Module 9: JavaScript and the Document Object Model
-
Learning Outcomes
-
Working with External JavaScript Files
-
Object Literals in JavaScript
-
Understanding the Document Object Model
-
Lesson Summary
Module 10: Introduction to jQuery
-
Learning Outcomes
-
Getting Started with jQuery
-
jQuery Selectors
-
jQuery Events
-
Installing and Utilizing jQuery Plugins
-
Unobtrusive JavaScript
-
Using jQuery to Retrieve JSON via AJAX
-
Fundamentals of JavaScript Closures
-
Series Wrap-Up
-
Lesson Summary
Module 11: Diploma in HTML5, CSS3 and JavaScript - Second Assessment
Module 12: Diploma in HTML5, CSS3 and JavaScript - Final Assessment
Learning Outcomes
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).
Certification
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 an official Diploma, which is a great way to share your achievement with the world. Your Alison Diploma 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 for you to continue empowering yourself through lifelong learning
Alison offers 3 types of Diplomas 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, posted to you with FREE shipping
Framed Diploma - a physical version of your officially branded and security-marked Diploma in a stylish frame, posted to you with FREE shipping
All Diplomas are available to purchase through the Alison Shop. For more information on purchasing Alison Diplomas, please visit our FAQs. If you decide not to purchase your Alison Diploma, 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 Diploma pricing, please visit our Pricing Page.