Course Summary

This CertPREP IT Specialist HTML5 Application Development (INF-306) Course is designed to prepare students to develop dynamic web applications for different devices. HTML is commonly thought to be used as a web technology to get a user interface. However, this course will focus on HTML5, CSS, and JavaScript in application development. Upon completion of this course, the students will be able to evaluate, design, and develop functional and responsive web applications that will run on a variety of devices, such as PCs, tablets, and phones.

Methodology:
  • Lessons
  • Video learning
  • MeasureUp Practice Test for IT Specialist HTML5 Application Development. Practice Mode with remediation and Certification mode to simulate the test day experience.
Duration: 

Approximately 24 hours of primary content. Each learner will progress at their own rate.

Audience: 

This course has been designed for high school students and intermediate-level developers who are interested in taking the next step in application development and in obtaining a working-level proficiency with HTML5 and CSS. After taking this course, you will be able to write syntactically correct HTML5 and CSS and utilize JavaScript to create an interactive web experience. You will also be able to employ the canvas element, the svg element, and CSS to achieve professional styling and manage content layout. Another important outcome from this course is the ability to develop applications that are responsive on various devices.

Prerequisites:
  • The students should have some basic knowledge of operating systems and computer networks.
  • The students should be familiar with the usage of the Internet and web browsers.
Course Outline

Upon successful completion of this course, students should be able to:  

  • Describe the application lifecycle and analyze, plan, develop, and maintain an application based on this structure.
  • Perform application testing and debugging.
  • Apply their knowledge of the canvas element and the svg element to create and display graphics and animations, do styling and enhancements, and apply CSS filters.
  • Describe how forms work.
  • Manage content layout and create responsive and flexible designs.
  • Apply their knowledge of JavaScript to manage the state of an application.

 

Lesson 1: Application Lifecycle Management

  • Skill 1.1: Describe the application lifecycle management stages
  • Skill 1.2: Debug and test web apps

Lesson 2: Graphics and Animation

  • Skill 2.1: Use the canvas element to create graphics and animations
  • Skill 2.2: Use the svg element to create and display graphics
  • Skill 2.3: Transform, style, and enhance text and graphics
  • Skill 2.4: Apply CSS filters to images

Lesson 3: Forms

  • Skill 3.1: Construct and analyze markup that uses form elements
  • Skill 3.2: Configure input validation

Lesson 4: Layouts

  • Skill 4.1: Manage content layout, positioning, and flow by using CSS
  • Skill 4.2: Construct layouts by using responsive design
  • Skill 4.3: Construct flexible responsive layouts by using CSS flexbox
  • Skill 4.4: Construct grid-based layouts by using CSS grid

Lesson 5: JavaScript Coding

  • Skill 5.1: Create and use custom classes
  • Skill 5.2: Perform data access by using JavaScript
  • Skill 5.3: Construct code that responds to events by using event listeners and handlers
  • Skill 5.4: Construct code that uses JavaScript APIs
  • Skill 5.5: Manage the state of an application