Loading
Free Online Courses, Classes and Tutorials

Diploma in HTML5, CSS3 and JavaScript

Join 24,028 other students
Diploma in HTML5, CSS3 and JavaScript
  • Free Course

  • Channel 9

  • 10-15 Hours

  • Assessment

  • Certification

  • 250 Pts

  • 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 or Certificate.

    Having an official Alison document is a great way to celebrate and share your success. It is:

    • Ideal to include with CVs, job applications and portfolios
    • A way to show your ability to learn and achieve high results

Modules List( 12 )
Notification

You have received a new notification

Click here to view them all