Programming
HTML5 Programming
Responsive Web Development is more than just HTML. The core technologies are: HTML5, CSS3 and JavaScript. HTML is used for semantic markup, CSS3 defines presentation, and JavaScript implements behavior. This five day class gives students the opportunity to explore these crucial technologies. It starts with HTML5, continues with CSS3 and concludes with JavaScript fundamentals. Additionally, we explore Representational State Transfer (REST) topics that are important to website architects. The class includes numerous hands-on labs allowing students to use all of these technologies together to build web sites.
PREREQUISITES
Some basic HTML experience is required. Knowledge of an object-oriented programming language is helpful but not required.
Upon completion of this course, the student will be able to:
- Describe the new features of HTML5 and create and style HTML5 pages with CSS3
- Use the canvas element to draw graphics and incorporate audio and video in a website
- Create web forms and use both HTML5 and JavaScript form validation
- Learn the JSON data format and understand RESTful services
- Understand web storage options
1. HTML5
a. History of HTML5
b. New Features of HTML5
c. Current Browser Support for HTML5
d. HTML5 vs. Flash
e. HTML5 Goals
f. HTML Specs: How We Got Here
g. How Is HTML5 Different From HTML4?
h. Browser Support For HTML5
2. New Semantic Elements
a. Function over Form
b. HTML4 Layouts
c. HTML5 Semantic Layouts
d. Nesting Semantics
3. Sections and Articles
a. The <section> tag
b. The <article> tag
c. Sections vs. Articles
d. HTML Page Layouts
4. Forms
a. The form Attribute
b. The placeholder Attribute
c. New Form Field Types
d. Forms and Validation
e. HTML5 CSS Pseudo-Classes
5. Canvas
a. The <canvas> Element
b. <canvas> vs. <svg>
c. Browser Support for <canvas>
d. Creating and Using the Canvas
6. Video and Audio
a. HTML5 Video/Audio Overview
b. New Elements for Video/Audio
c. Using the <audio> and <video> Elements
7. CSS3
a. Introduction to CSS
b. What are Cascading Style Sheets?
c. CSS and HTML
d. CSS Compatibility
e. New in CSS3
f. Applying CSS Styles
g. Web Typography and Using Web Fonts
h. Aligning Text
i. CSS Box Model
j. Parts of the Box Model
k. Margins, Padding and Border
8. Responsive Web Design
a. What is Responsive Web Design?
b. Elements of Responsive Design
c. Example of Responsive Design
9. Introduction to JavaScript Basics
a. Overview
b. JavaScript Primitives, Objects, Control Flow
c. JavaScript DOM API
d. JavaScript Functions
e. JavaScript Arrays
10. Web Storage
a. Data Storage Options
b. Web Storage
c. Programming Interface – Storage/Retrieval
d. Storing and Retrieving JavaScript Objects
e. Storage Considerations
11. JSON
a. JavaScript Object Notation (JSON)
b. JSON Syntax
c. JSON API in HTML5
d. JSON: Server Side
e. JSON: Client Side
12. REST Services
a. Understanding REST
b. Principles of RESTful Services
c. REST Example – Create, Retrieve, Update, Delete
d. REST Example – JSON
e. REST vs SOAP Communication
13. Manually Testing a REST API
a. Introduction to RESTful Testing
b. API Testing Tools
c. API Testing with Postman
d. API Testing with cURL
Is there a discount available for current students?
UMBC students and alumni, as well as students who have previously taken a public training course with UMBC Training Centers are eligible for a 10% discount, capped at $250. Please provide a copy of your UMBC student ID or an unofficial transcript or the name of the UMBC Training Centers course you have completed. Asynchronous courses are excluded from this offer.
What is the cancellation and refund policy?
Student will receive a refund of paid registration fees only if UMBC Training Centers receives a notice of cancellation at least 10 business days prior to the class start date for classes or the exam date for exams.