Loading
Alison Logo

Diploma in HTML5, CSS3 and JavaScript

  • Description
  • Outcome
  • Certification
  • The free online 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.

  • 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 study. To successfully complete a course you must score 80% or higher in each course assessments. Upon successful completion of a course, you can choose to make your achievement formal by purchasing an official Alison Diploma, Certificate or PDF.

    Having an official Alison document is a great way to share your success. Plus it’s:

    • Ideal for including in CVs, job applications and portfolios
    • An indication of your ability to learn and achieve high results
    • An incentive to continue to empower yourself through learning
    • A tangible way of supporting the Alison mission to empower people everywhere through education.

Diploma in HTML5, CSS3 and JavaScript
  • Free

  • 10-15 Hours

  • Channel 9

  • Assessment

  • Certification

  • 250 Pts

Modules List( 12 )
  • DIPLOMA IN HTML5, CSS3 AND JAVASCRIPT
  • Diploma in HTML5, CSS3 and JavaScript Course Resource Files and Links View Resource
  • SECTION 1: LEARN HTML5 AND CSS3 WEB PROGRAMMING SK...
  • Module
    1
    Using HTML5 and CSS3 to Build a Web Page
    • In this module you will learn how HTML structures the content on a web page and how CSS styles the content on a web page. The course begins by showing you the structure of a HTML5 web page - 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.
    • 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
    • In this module you will learn about global attributes that can be added to virtually any HTML5 element and how to correctly format them within a HTML5 element. The course then shows you how to link a HTML web page to a cascading style sheet file. You will learn how to code style sheet instructions that style the various HTML5 elements in the web page. You will also learn about Progressive enhancement in web design that emphasizes accessibility, semantic HTML markup, and external style sheet and scripting technologies.
    • 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
    • In this module you will learn how to create a correctly formatted form using the <form> </form> HTMl5 element and create different types of form inputs. You will also learn how to identify and use input types for the input element, and identify and use attributes for the input element.
    • Learning Outcomes
    • Creating Forms
    • Form Validation and Other Future HTML5 Form Enhancements
    • Lesson Summary
  • Module
    4
    Using CSS3 Selectors to Style Web Pages
    • In this module you will learn how to identify different types of CSS3 selectors and apply CSS3 selectors to style web pages. You will know 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.
    • 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
    • In this module you will 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.
    • 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
    • You must score 80% or more to pass this assessment.
    • Diploma in HTML5, CSS3 and JavaScript - First Assessment
  • SECTION 2: LEARN JAVASCRIPT AND jQUERY WEB PROGRAM...
  • Module
    7
    Writing your First JavaScript Application
    • In this module you will learn about 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.
    • 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
    • In this module you will learn about the different types of JavaScript loops (for, for/in, while and do/while loops) and their correct syntax. You will learn about JavaScript arrays which are objects used to store multiple values in a single variable. You will also learn about the different types of 'falsy' values and 'truthy' values. Finally, you will learn about the main types of errors in JavaScript code and how to minimize these errors.
    • 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
    • In this module 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. For example, you will learn how JavaScript can change all the HTML elements in the page, change all the HTML attributes in the page, change all the CSS styles in the page, remove existing HTML elements and attributes, add new HTML elements and attributes, react to all existing HTML events in the page and create new HTML events in the page.
    • Learning Outcomes
    • Working with External JavaScript Files
    • Object Literals in JavaScript
    • Understanding the Document Object Model
    • Lesson Summary
  • Module
    10
    Introduction to jQuery
    • In this module you will 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. You will learn how to link your web pages to a jQuery plugin to add even more functionality to your web pages.
    • 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
    • You must score 80% or more to pass this assessment.
    • Diploma in HTML5, CSS3 and JavaScript - Second Assessment
  • END OF COURSE ASSESSMENT
  • Module
    12
    Diploma in HTML5, CSS3 and JavaScript - Final Assessment
    • You must score 80% or more to pass this assessment.
    • Diploma in HTML5, CSS3 and JavaScript - Final Assessment
Reviews and Rate
This course has no reviews yet.