Get Unlimited Microsoft Training With Your FastPass - Just £6000! Training Centre Now Open - Offering Residential, OIL and Hybrid Courses.

Microsoft - Programming in HTML5 with JavaScript and CSS3

Duration

Duration:

Only 3 Days

Method

Method:

Classroom / Online / Hybrid

Next date

Next date:

12/12/2020 (Saturday)

Overview

Learn the basics of HTML5/CSS3/JavaScript programming in just three days. That's 50% faster than traditional training. Microsoft's Programming in HTML5 with JavaScript and CSS3 course is your entry point into the Web application training path.

After this course you'll be able to use HTML5/CSS3/JavaScript to:

  • Implement programming logic
  • Define and use variables
  • Perform looping and branching
  • Develop user interfaces
  • Capture and validate user input
  • Store data
  • Create well-structured applications

You'll be shown the structures of various application scenarios through lab sessions. Their purpose is to focus on the principles and coding components/structures used to establish an HTML5 software application.

This course uses Visual Studio 2012, running on Windows 8.

On this course, you'll also build an app that combines key features of the .NET Framework 4.5. You'll be prepared for and sit exam 70-480: Programming in HTML5 with JavaScript and CSS3 at the Firebrand training centre, during the course. This is covered by your Certification Guarantee.

Passing the 70-480 exam fulfils one of the elective requirements for the MCSA: Web applications certification.

Note:Exam 70-480 also previously resulted in achieving the Microsoft Specialist: Programming in HTML5 with JavaScript and CSS3.

Microsoft retired the Specialist credential as of 31 March, 2017. The exams remain available and where applicable will count towards the relevant existing MCSA, MCSE or MCSD certification.

See prices now to find out how much you could save when you train at twice the speed.

 See prices

Seven reasons why you should sit your HTML5 course with Firebrand Training

  1. You'll be HTML5 certified in just 3 days. With us, you’ll be HTML5 trained in record time
  2. Our HTML5 course is all-inclusive. A one-off fee covers all course materials, exams, accommodation and meals. No hidden extras
  3. Pass HTML5 first time or train again for free. This is our guarantee. We’re confident you’ll pass your course first time. But if not, come back within a year and only pay for accommodation, exams and incidental costs
  4. You’ll learn more HTML5. A day with a traditional training provider generally runs from 9am – 5pm, with a nice long break for lunch. With Firebrand Training you’ll get at least 12 hours/day quality learning time, with your instructor
  5. You’ll learn HTML5 faster. Chances are, you’ll have a different learning style to those around you. We combine visual, auditory and tactile styles to deliver the material in a way that ensures you will learn faster and more easily
  6. You’ll be studying HTML5 with the best. We’ve been named in Training Industry’s “Top 20 IT Training Companies of the Year” every year since 2010. As well as winning many more awards, we’ve trained and certified 76,539 professionals, and we’re partners with all of the big names in the business
  7. You'll do more than study HTML5 courseware. We use practical exercises to make sure you can apply your new knowledge to the work environment. Our instructors use demonstrations and real-world experience to keep the day interesting and engaging

Think you are ready for the course? Take a FREE practice test to assess your knowledge!

 Free Practice Test

Benefits

Other accelerated training providers rely heavily on lecture and independent self-testing and study.

Effective technical instruction must be highly varied and interactive to keep attention levels high, promote camaraderie and teamwork between the students and instructor, and solidify knowledge through hands-on learning.

Firebrand Training provides instruction to meet every learning need:

  • Intensive group instruction
  • One-on-one instruction attention
  • Hands-on labs
  • Lab partner and group exercises
  • Question and answer drills
  • Independent study

This information has been provided as a helpful tool for candidates considering training. Courses that include certification come with a certification guarantee. Pass first time or train again for free (just pay for accommodation and exams on your return). We do not make any guarantees about personal successes or benefits of obtaining certification. Benefits of certification determined through studies do not guarantee any particular personal successes.

Curriculum

MOC 20480C: Programming in HTML5 with JavaScript and CSS3

Module 1: Overview of HTML and CSS

This module reviews the basics of HTML and CSS, and introduces the tools that this course uses to create HTML pages and style sheets.

Lessons

  • Overview of HTML
  • Overview of CSS
  • Creating a Web Application by Using Visual Studio 2017

Lab: Exploring the Contoso Conference Application

  • Exploring the Contoso Conference Application
  • Examining and Modifying the Contoso Conference Application

After completing this module, students will be able to:

  • Explain how to use HTML elements and attributes to lay out a web page.
  • Explain how to use CSS to apply basic styling to a web page.
  • Describe the tools that Microsoft Visual Studio provides for building web applications.

Module 2: Creating and Styling HTML Pages

This module introduces HTML5, describes its new features, demonstrates how to present content by using the new features in HTML5, and how to style this content by using CSS.

Lessons

  • Creating an HTML5 Page
  • Styling an HTML5 Page

Lab: Creating and Styling HTML5 Pages

  • Creating HTML5 Pages
  • Styling HTML pages

After completing this module, students will be able to:

  • Describe the purpose of and new features in HTML5, and explain how to use new HTML5 elements to lay out a web page.
  • Explain how to use CSS to style the layout, text, and background of a web page.

Module 3: Introduction to JavaScript

This module introduces JavaScript programming and DOM.

Lessons

  • Overview of JavaScript
  • Introduction to the Document Object Model

Lab: Displaying Data and Handling Events by Using JavaScript.

  • Displaying Data Programmatically
  • Handling Events

After completing this module, students will be able to:

  • Describe basic JavaScript syntax
  • Write JavaScript code that uses the DOM to alter and retrieve info from a web page

Module 4: Creating Forms to Collect and Validate User Input

In this module, you will learn how to define input forms by using the new input types available in HTML5. You will also see how to validate data by using HTML5 attributes. Finally, you will learn how to perform extended input validation by using JavaScript code, and how to provide feedback to users when their input is not valid or does not match the application’s expectations.

Lessons

  • Creating HTML5 Forms
  • Validating User Input by Using HTML5 Attributes
  • Validating User Input by Using JavaScript

Lab: Creating a Form and Validating User Input

  • Creating a Form and Validating User Input by Using HTML5 Attributes
  • Validating User Input by Using JavaScript

After completing this module, students will be able to:

  • Create input forms by using HTML5
  • Use HTML5 form attributes to validate data
  • Write JavaScript code to perform validation tasks that cannot easily be implemented by using HTML5 attributes

Module 5: Communicating with a Remote Server

In this module, you will learn how to access a web service by using JavaScript code and to incorporate remote data into your web applications.

Lessons

  • Async programming in JavaScript
  • Sending and Receiving Data by Using the XMLHttpRequest Object
  • Sending and Receiving Data by Using the Fetch API

Lab: Communicating with a Remote Data Source

  • Retrieving Data
  • Serialising and Transmitting Data
  • Refactoring the Code by Using the jQuery ajax Method

After completing this module, students will be able to:

  • Handle asynchronous JavaScript tasks using the new async programing technologies
  • Send data to a web service and receive data from a web service by using an XMLHttpRequest object
  • Send data to a web service and receive data from a web service by using the Fetch API

Module 6: Styling HTML5 by Using CSS3

In this module, you will examine the properties and values defined in several of these modules, the new selectors defined in CSS3, and the use of pseudo-classes and pseudo-elements to refine those selections.

Lessons

  • Styling Text by Using CSS3
  • Styling Block Elements
  • Pseudo-Classes and Pseudo-Elements
  • Enhancing Graphical Effects by Using CSS3

Lab: Styling Text and Block Elements by Using CSS3

  • Styling the Navigation Bar
  • Styling the Register Link
  • Styling the About Page

After completing this module, students will be able to:

  • Use the new features of CSS3 to style text elements
  • Use the new features of CSS3 to style block elements
  • Use CSS3 selectors, pseudo-classes, and pseudo-elements to refine the styling of elements
  • Enhance pages by using CSS3 graphical effects

Module 7: Creating Objects and Methods by Using JavaScript

This module describes how to write well-structured JavaScript code by using language features such as namespaces, objects, encapsulation, and inheritance. These concepts might seem familiar if you have experience in a language such as Java or C#, but the JavaScript approach is quite different and there are many subtleties that you must understand if you want to write maintainable code.

Lessons

  • Writing Well-Structured JavaScript Code
  • Creating Custom Objects
  • Extending Objects

Lab: Refining Code for Maintainability and Extensibility

  • Object Inheritance
  • Refactoring JavaScript Code to Use Objects

After this module, students will be able to:

  • Write well-structured JavaScript code
  • Use JavaScript code to create custom objects
  • Implement object-oriented techniques by using JavaScript idioms

Module 8: Creating Interactive Pages by Using HTML5 APIs

This module describes how to create interactive HTML5 web applications that can access the local file system, enable the user to drag-and-drop data onto elements in a web page, play multimedia files, and obtain geolocation information.

Lessons

  • Interacting with Files
  • Incorporating Multimedia
  • Reacting to Browser Location and Context
  • Debugging and Profiling a Web Application

Lab: Creating Interactive Pages with HTML5 APIs

  • Dragging and Dropping Images
  • Incorporating Video
  • Using the Geolocation API to Report the User's Current Location

After completing this module, students will be able to:

  • Access the local file system, and add drag-and-drop support to web pages.
  • Play video and audio files in a web page, without the need for plugins.
  • Obtain information about the current location of the user.
  • Use the F12 Developer Tools in Microsoft Edge to debug and profile a web application.

Module 9: Adding Offline Support to Web Applications

In this module, you will learn how to use these technologies to create robust web applications that can continue running even when a network connection is unavailable.

Lessons

  • Reading and Writing Data Locally
  • Adding Offline Support by Using the Application Cache

Lab: Adding Offline Support to Web Applications

  • Caching Offline Data by Using the Application Cache API
  • Persisting User Data by Using the Local Storage API

After completing this module, students will be able to:

  • Save data locally on the user's device, and access this data from a web application
  • Configure a web application to support offline operations by using the Application Cache

Module 10: Implementing an Adaptive User Interface

In this module, you will learn how to build a website that adapts the layout and functionality of its pages to the capabilities and form factor of the device on which it is being viewed. You will see how to detect the type of device being used to view a page, and learn strategies for laying out content that effectively targets particular devices.

Lessons

  • Supporting Multiple Form Factors
  • Creating an Adaptive User Interface

Lab: Implementing an Adaptive User Interface

  • Creating a Print-Friendly Style Sheet
  • Adapting Page Layout to Fit Different Form Factors

After completing this module, students will be able to:

  • Describe the requirements in a website for responding to different form factors
  • Create web pages that can adapt their layout to match the form factor of the device on which they are displayed

Module 11: Creating Advanced Graphics

This module describes how to create advanced graphics in HTML5 by using Scalable Vector Graphics (SVG) and the Microsoft Canvas API. You will learn how to use SVG-related elements such as and to display graphical content on a web page. You will also learn how to enable the user to interact with SVG elements through the use of events such as keyboard events and mouse events. The Canvas API is somewhat different than SVG.

Lessons

  • Creating Interactive Graphics by Using SVG
  • Drawing Graphics by Using the Canvas API

Lab: Creating Advanced Graphics

  • Creating an Interactive Venue Map by Using SVG
  • Creating a Speaker Badge by Using the Canvas API

After completing this module, students will be able to:

  • Use SVG to create interactive graphical content
  • Use the Canvas API to generate graphical content programmatically

Module 12: Animating the User Interface

This module describes how to enhance web pages by using CSS animations. You will learn how to apply transitions to property values. Next, you will learn how to apply 2D and 3D transformations to elements. At the end of this module, you will learn how to apply keyframe animations to elements.

Lessons

  • Applying CSS Transitions
  • Transforming Elements
  • Applying CSS Keyframe Animations

Lab: Animating the User Interface

  • Applying CSS Transitions
  • Applying Keyframe Animations

After completing this module, students will be able to:

  • Apply transitions to animate property values to HTML elements
  • Apply 2D and 3D transformations to HTML elements
  • Apply keyframe animations to HTML elements

Module 13: Implementing Real-time Communication by Using Web Sockets

This module introduces web sockets, describes how they work, and explains how to create a web socket connection that can be used to transmit data in real time between a web page and a web server.

Lessons

  • Introduction to Web Sockets
  • Using the WebSocket API

Lab: Performing Real-time Communication by Using Web Sockets

  • Receiving Messages from a Web Socket
  • Sending Messages to a Web Socket
  • Handling Different Web Socket Message Types

After completing this module, students will be able to:

  • Describe how using web sockets helps to enable real-time communications between a web page and a web server
  • Use the Web Sockets API to connect to a web server from a web page, and exchange messages between the web page and the web server

Module 14: Performing Background Processing by Using Web Workers

This module describes how web workers operate and how you can use them in your web applications.

Lessons

  • Understanding Web Workers
  • Performing Asynchronous Processing by Using Web Workers

Lab: Creating a Web Worker Process

  • Improving Responsiveness by Using a Web Worker

After completing this module, students will be able to:

  • Explain how web workers can be used to implement multithreading and improve the responsiveness of a web application
  • Perform processing by using a web worker, communicate with a web worker, and control a web worker

Module 15: Packaging JavaScript for Production Deployment

Tools such as Node.js, Webpack, and Babel enable the use of new language features along with support for different browsers in order to avoid harming the user experience. In this module we will introduce the theory behind these tools, when we need to used them, and the different options for use.

Lessons

  • Understanding Transpilers And Module bundling
  • Creating Separate Packages for Cross Browser Support

Lab: Setting Up Webpack Bundle for Production

  • Creating and Deploying Packages using WebPack

Exam Track

You'll sit the following exam at the Firebrand training centre, during the course. This is covered by your Certification Guarantee:

Exam 70-480: Programming in HTML5 with JavaScript and CSS3

You will be measured on your ability to accomplish the following tasks in this exam:

  • Implement and Manipulate Document Structures and Objects (20-25%)
  • Implement Program Flow (25-30%)
  • Access and Secure Data (25-30%)
  • Use CSS3 in Applications (25-30%)

Passing exam 70-480 previously resulted in achieving the Microsoft Specialist: Programming in HTML5 with JavaScript and CSS3 certification.

Microsoft retired the Specialist credential as of 31 March, 2017. The exams remain available and where applicable will count towards the relevant existing MCSA, MCSE or MCSD certification.

What's Included

Microsoft Official Curriculum

  • MOC 20480: Programming in HTML5 with JavaScript and CSS3
  • HTML5 for Masterminds, 2nd Edition: How to take advantage of HTML5 to create amazing websites and revolutionary applications - ISBN: 978-1481138505

Firebrand Training offers top-quality technical education and certification training in an all-inclusive course package specifically designed for the needs and ease of our students. We attend to every detail so our students can focus solely on their studies and certification goals.

Our Certification Programs includes

  • Intensive Hands-on Training Utilising our (Lecture | Lab | Review)TM Delivery
  • Comprehensive Study Materials, Program Courseware and Self-Testing Software including MeasureUp *
  • Fully instructor-led program with 24 hour lab access
  • Examination vouchers **
  • Near site testing, Transportation to/from Testing Center are provided ***
  • Accommodation, all meals, unlimited beverages, snacks and tea / coffee****
  • Examination Passing Policy

Please note

  • * Not on all courses
  • ** Examination vouchers are not included for the following courses: PMP, CAPM and CISSP CBK Review
  • *** Not included in our PMP, CAPM, CISA, CISM, CGEIT, CRISC, (ISC)2 or ITIL Managers and Revision Certifications
  • **** Accommodation not included on the CISSP CBK Review Seminar

Our instructors teach to accommodate every student's learning needs through individualised instruction, hands-on labs, lab partner and group exercises, independent study, self-testing, and question/answer drills.

Firebrand Training has dedicated, well-equipped educational facilities where you will attend instruction and labs and have access to comfortable study and lounging rooms. Our students consistently say our facilities are second-to-none.

Examination Passing Policy

Should a student complete a Firebrand Training Program without having successfully passed all vendor examinations, the student may re-attend that program for a period of one year.  Students will only be responsible for accommodations and vendor exam fees.

Prerequisites

Before attending this course, you must have at least three months professional development experience with practical and conceptual knowledge of HTML5 programming. Including the following:

Knowledge of basic HTML document structure:

  • HTML tags to display text content
  • HTML tags to display graphics
  • HTML APIs

Understand how to style common HTML elements using CSS, including:

  • Separating presentation from content
  • Managing content flow
  • Managing positioning of individual elements
  • Managing content overflow
  • Basic CSS styling

Understand how to write JavaScript code to add functionality to a web page:

  • How to create and use variables
  • How to use:
    • Arithmetic operators to perform arithmetic calculations involving one or more variables
    • Relational operators to test the relationship between two variables or expressions
    • Logical operators to combine expressions that contain relational operators
  • How to control the program flow by using if … else statements.
  • How to implement iterations by using loops.
  • How to write simple functions.

Unsure whether you meet the prerequisites? Don’t worry. Your training consultant will discuss your background with you to understand if this course is right for you.

Reviews

Here's the Firebrand Training review section. Since 2001 we've trained exactly 76,539 students and asked them all to review our Accelerated Learning. Currently, 96.73% have said Firebrand exceeded their expectations.

Read reviews from recent accelerated courses below or visit Firebrand Stories for written and video interviews from our alumni.


"The no distractions, everything is provided, just turn up system is brilliant! Removing all other life logistics leave me to simply focus on the learning... and later exam passing!"
James Saunders, Data Point Ltd. (20/1/2020 (Monday) to 22/1/2020 (Wednesday))

"The quality of lessons was very good with a lot of content. The instructors are always very knowledgeable. "
B.M.. (21/10/2019 (Monday) to 23/10/2019 (Wednesday))

"The instructor provided a very engaging and supportive experience providing a good insight of what to expect on the exam."
Anonymous, IBM. (12/8/2019 (Monday) to 14/8/2019 (Wednesday))

"Very factual and interesting. "
Sarah Skeels, cws-uk limited. (17/6/2019 (Monday) to 19/6/2019 (Wednesday))

"The accommodation and facilities at Wyboston were good. The instructor had a good teaching style ensuring the course was interesting."
Anonymous. (8/4/2019 (Monday) to 10/4/2019 (Wednesday))

Course Dates

Microsoft - Programming in HTML5 with JavaScript and CSS3

Start

Finish

Status

Book now

12/12/2020 (Saturday)

14/12/2020 (Monday)

Open

Book now

Latest Reviews from our students

Trustpilot