theme-sticky-logo-alt

70-480 Study Guide: Programming in HTML5 with JavaScript and CSS3

The 70-480: Programming in HTML5 with JavaScript and CSS3 exam is one of the two exams required to get your Microsoft Certified Solutions Associate (MCSA) Web Applications Certification. This 70-480 study guide was created to help you find materials to study, and ace the exam. I will share both free and paid options, whether books, video training or simply links to articles and blog posts. I will not share any dumps as those are against the Microsoft Terms of Service, and by using dumps, we decrease the value of our certifications.

Certification Path

Exam Name

Link to Exam on Microsoft Learning

Study Guide

Exam 70-480 Programming in HTML5 with JavaScript and CSS3Programming in HTML5 with JavaScript and CSS370-480 Study Guide: Programming in HTML5 with JavaScript and CSS3
Exam 70-486 Developing ASP.NET MVC Web ApplicationsDeveloping ASP.NET MVC Web Applications70-486 Study Guide: Developing ASP.NET MVC Web Applications

Books

Exam Ref 70-480 Programming in HTML5 with JavaScript and CSS3
Prepare for Microsoft Exam 70-480—and help demonstrate your real-world mastery of programming with HTML5, JavaScript, and CSS3. Designed for experienced developers ready to advance their status, Exam Ref focuses on the critical-thinking and decision-making acumen needed for success at the Microsoft Specialist level.Links:

Training Guide Programming in HTML5 with JavaScript and CSS3
Designed to help experienced programmers develop real-world, job-role-specific skills—this Training Guide focuses on creating applications with HTML5, JavaScript, and CSS3. Build hands-on expertise through a series of lessons, exercises, and suggested practices—and help maximize your performance on the job.Links:

Unraveling HTML5, CSS3, and JavaScript (2nd): The Ultimate Beginners Guide with over 170 Samples
This book teaches you the basic web UI technologies including HTML, CSS, and JavaScript. Instead of just giving only an overview of them, or being a reference material, this book explains how these technologies work together, and lets you get acquainted with all the fundamentals, so that you’ll be able to create your own web pages with HTML5 markup, CSS3-based design, and interactions built with and JavaScript.Links:

Beginning HTML5 and CSS3: The Web Evolved
Beginning HTML5 and CSS3 is your introduction to the new features and elements of HTML5―as a web developer you’ll learn about all the leaner, cleaner, and more efficient code available now with HTML5, along with some new tools that will allow you to create more meaningful and richer content. For everyone involved in web design, this book also introduces the new structural integrity and styling flexibility of CSS 3―which means better-looking pages and smarter content in your website projects.Links:

Video Training for the exam

NOTE: Pluralsight is a paid resource unlike Channel9 and Microsoft Virtual Academy which are free. The quality they provide is also superior because of all the quality checks they go through, and the instructors are one of the best in the industry. The Pluralsight courses have a link to where you can get a free trial and decide for yourself if paying a subscription or not is worth it, but the 10-day free trial should allow you to view all those courses for free.

HTML Fundamentals
HTML markup is the heart of any web application and this course will teach you the fundamentals of HTML.

HTML5 Fundamentals
Learn about the new semantic markup and JavaScript APIs that make up HTML5.

HTML5 Advanced Topics
Learn to create applications that take advantage of HTML5’s support for offline applications, UI threading, local storage, Web Sockets and Microdata formats

Introduction to CSS
This course introduces you to Cascading Style Sheets (CSS)

CSS3 In-Depth
Hyper-V can provide you with some very powerful automation. This course will explore the beyond-the-basic details of storage, networking, and virtual machine management in a single-server Hyper-V environment.

Learning To Program – Part 1: Getting Started
This first course in Learning To Program will get you started with the fundamentals of programming, like looping and working with source code files.

JavaScript Fundamentals
Everything a beginner needs to get started programming with JavaScript

JavaScript Design Patterns
Useful design patterns for JavaScript development

Structuring JavaScript Code
This course walks through several key patterns that can be used to encapsulate and modularize JavaScript code. Throughout the course you’ll learn how closures and other techniques can be used to better organize your JavaScript code and make it…

jQuery Fundamentals
This course will guide you through the features of the jQuery “write less, do more” library

Developing in HTML5 with JavaScript and CSS3 Jump Start
This course for intermediate to advanced learners provides an accelerated introduction to help students learn HTML5, JavaScript, CSS, and other basic programming skills. It also helps you prepare for Exam 70-480, a key component of the MCSD: Windows Store Apps certification. The HTML5, JavaScript, and CSS3 Jump Start focuses on using these tools to implement programming logic, define and use variables, perform looping and branching, develop user interfaces, capture and validate user input, store data, and create well-structured applications.

Exam Prep Session for Exam 70-480: Programming in HTML5 with JavaScript and CSS3
This Exam Prep session is designed for people experienced with programming in HTML5 who are interested in taking the 70-480 (Programming in HTML5 with JavaScript and CSS3) exam. You can expect to review the topics covered in this exam in a fast-paced format, as well as receive some valuable test taking techniques. You will leave with an understanding of how Microsoft certification works, the key topics covered in the exams, and an exhaustive look at resources for getting ready for the exam. The session is led by a Microsoft Certified Trainer (MCT), experienced in delivering sessions on these topics.

Instructor-led training (Microsoft Official Courses)

Course 20480B: Programming in HTML5 with JavaScript and CSS (5 Days)
This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into both the Web application and Windows Store apps training paths. The course focuses on using 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, and create well-structured application.

Articles / Blog Posts per objective <In Progress>

Implement and manipulate document structures and objects (24%)

  • Create the document structure
    • Structure the UI by using semantic markup, including for search engines and screen readers (Section, Article, Nav, Header, Footer, and Aside); create a layout container in HTML
  • Write code that interacts with UI controls
    • Programmatically add and modify HTML elements; implement media controls; implement HTML5 canvas and SVG graphics
  • Apply styling to HTML elements programmatically
    • Change the location of an element; apply a transform; show and hide elements
  • Implement HTML5 APIs
    • Implement storage APIs, AppCache API, and Geolocation API
  • Establish the scope of objects and variables
    • Define the lifetime of variables; keep objects out of the global namespace; use the “this” keyword to reference an object that fired an event; scope variables locally and globally
  • Create and implement objects and methods
    • Implement native objects; create custom objects and custom properties for native objects using prototypes and functions; inherit from an object; implement native methods and create custom methods

Implement program flow (25%)

  • Implement program flow
    • Iterate across collections and array items; manage program decisions by using switch statements, if/then, and operators; evaluate expressions
  • Raise and handle an event
    • Handle common events exposed by DOM (OnBlur, OnFocus, OnClick); declare and handle bubbled events; handle an event by using an anonymous function
  • Implement exception handling
    • Set and respond to error codes; throw an exception; request for null checks; implement try-catch-finally blocks
  • Implement a callback
    • Receive messages from the HTML5 WebSocket API; use jQuery to make an AJAX call; wire up an event; implement a callback by using anonymous functions; handle the “this” pointer
  • Create a web worker process
    • Start and stop a web worker; pass data to a web worker; configure timeouts and intervals on the web worker; register an event listener for the web worker; limitations of a web worker

Access and secure data (26%)

  • Validate user input by using HTML5 elements
    • Choose the appropriate controls based on requirements; implement HTML input types and content attributes (for example, required) to collect user input
  • Validate user input by using JavaScript
    • Evaluate a regular expression to validate the input format; validate that you are getting the right kind of data type by using built-in functions; prevent code injection
  • Consume data
    • Consume JSON and XML data; retrieve data by using web services; load data or get data from other sources by using XMLHTTPRequest
  • Serialize, deserialize, and transmit data
    • Binary data; text data (JSON, XML); implement the jQuery serialize method; Form.Submit; parse data; send data by using XMLHTTPRequest; sanitize input by using URI/form encoding

Use CSS3 in applications (25%)

  • Style HTML text properties
    • Apply styles to text appearance (color, bold, italics); apply styles to text font (WOFF and @font-face, size); apply styles to text alignment, spacing, and indentation; apply styles to text hyphenation; apply styles for a text drop shadow
  • Style HTML box properties
    • Apply styles to alter appearance attributes (size, border and rounding border corners, outline, padding, margin); apply styles to alter graphic effects (transparency, opacity, background image, gradients, shadow, clipping); apply styles to establish and change an element’s position (static, relative, absolute, fixed)
  • Create a flexible content layout
    • Implement a layout using a flexible box model; implement a layout using multi-column; implement a layout using position floating and exclusions; implement a layout using grid alignment; implement a layout using regions, grouping, and nesting
  • Create an animated and adaptive UI
    • Animate objects by applying CSS transitions; apply 3-D and 2-D transformations; adjust UI based on media queries (device adaptations for output formats, displays, and representations); hide or disable controls
  • Find elements by using CSS selectors and jQuery
    • Choose the correct selector to reference an element; define element, style, and attribute selectors; find elements by using pseudo-elements and pseudo-classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)
  • Structure a CSS file by using CSS selectors
    • Reference elements correctly; implement inheritance; override inheritance by using !important; style an element based on pseudo-elements and pseudo-classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)

Additional Tips

I think the best thing that you can do after reading this, or even meanwhile, is create some sample solutions with HTML5, CSS and Javascript, and play with those features, follow the tutorials and you shouldn’t have any problems with the exam!

Did I miss any cool links in this guide? Let me know in the comments!

Follow me on Social Media and Share this article with your friends!

Leave a comment and don’t forget to like the Vlad Talks Tech Page   on Facebook and to follow me on Twitter here  for the latest news and technical articles on SharePoint.  I am also a Pluralsight author, and you can view all the courses I created on my author page.
15 49.0138 8.38624 1 0 4000 1 https://vladtalkstech.com 300 1