course

Home / Courses / Web Development with HTML5, CSS, and JavaScript (v1.0)

Course Objectives

In this course, you will develop web content in HTML, enhance its formatting and layout using CSS, and add interactivity using JavaScript. You will:

  • Set up the tools and resources you need to perform Web Development. Create web pages in HTML, constructing valid, well
  • formed elements, including navigation links, sections, titles, and semantic markup. Enhance HTML content with tables, images, movies, and audio. Apply styles to HTML elements using CSS. Use CSS to format the edges, size, position, and layering of HTML elements. Apply complex style rules using advanced CSS selectors, including pseudo
  • class selectors, structural selectors, and pseudo
  • element selectors. Create complex layouts using CSS newspaper style columns, grid layouts, and flexible box layouts. Improve the quality of web content, including adaptability (different displays and devices), searchability, usability, and accessibility. Submit data through URL query strings and web forms for processing by a web application server. Write JavaScript code to make web pages more interactive, perform data processing tasks directly in the browser, and manipulate items in the current web page. Write JavaScript code to iterate through collections of elements in a page to get and set their attributes and add event listener code. Use third
  • party libraries and frameworks for web front
  • end development.

Agenda

  • Topic A: Prepare Your Web Platform
  • Topic B: Prepare Your Web Development Tools and Processes
  • Topic C: Monitor the Web Request-Response Cycle

  • Topic A: Create a Basic Web Page
  • Topic B: Provide Navigation Links Between Web Pages
  • Topic C: Improve Web Page Structure and Navigation

  • Topic A: Create a Table
  • Topic B: Embed Images, Movies, and Audio in a Web Page

  • Topic A: Apply Styles to HTML
  • Topic B: Create a Style Sheet
  • Topic C: Use Web Fonts

  • Topic A: Format Element Edges and Corners
  • Topic B: Control an Element’s Height and Width
  • Topic C: Control an Element’s Position and Layering
  • Topic D: Normalize and Reset Browser CSS Defaults

  • Topic A: Use Advanced Selectors
  • Topic B: Manage User Interface States
  • Topic C: Make Structure Apparent to Users
  • Topic D: Use CSS Pseudo-Element Selectors

  • Topic A: Use CSS to Create Newspaper Style Columns
  • Topic B: Use CSS to Create Grid Layouts
  • Topic C: Use CSS to Create Flexible Box Layouts

  • Topic A: Adjust the Layout for a Wide Variety of Devices
  • Topic B: Perform Basic Search Engine Optimization
  • Topic C: Test Your Website

  • Topic A: Submit Data Through a URL
  • Topic B: Submit Data Through a Web Form

  • Topic A: Add JavaScript to a Web Page
  • Topic B: Perform Operations on Data
  • Topic C: Program Repetitive Tasks
  • Topic D: Manipulate DOM Objects

  • Topic A: Enumerate Elements
  • Topic B: Attach Events Through Code

  • Topic A: Use a Third-Party JavaScript Library
  • Topic B: Create a Web Page Based on a Third-Party Framework
Tags
Vendor: Logical Operations Technical Core Type: Core 1 Product Line: Other Technical
FREE

Interested in course?


Course Type: Instructor Led