Monthly Subscription Starting at AED 99 + VAT

Introduction to Web Applications
  • Level Foundation
  • المدة 21 ساعات hours
  • الطبع بواسطة Akamai Technologies, Inc.
  • Offered by

عن

Students start by learning about the HyperText Markup Language (HTML) and basic rules for creating compliant HTML. They learn tags for creating web pages and formatting text on the page including lists and special characters. Students will learn how to embed images, video and audio in web pages and format information in tables. They will learn to create hyperlinks, and to use text and images for hyperlinks including creating image maps. Students will also create HTML forms to collect user information. Then students will learn about Cascading Style Sheets (CSS) including in-line styles, embedded style sheets and external style sheets. They will use CSS to format web pages using combinators, and attribute, structural and pseudo-element selectors to change colors, and add creative elements including borders, drop-shadows, block quotes, background images, and gradients. They will use CSS to control page layout including creating flexible box layouts and newspaper style columns. They will also use CSS to create transitions and animations. The labs guide students through the process of creating a multiple page website with a consistent theme that includes tables, forms, and animated elements. Then they will complete a capstone project to demonstrate mastery of course objectives.

الوحدات

Course Introduction

    • 4 Videos
    • 1 Readings
Show info about module content

4 Videos

  • Introduction to the ATA Track
  • Overview of ATA Track
  • Advice for Completing the ATA
  • Web Apps Course Syllabus

1 Readings

  • README

Web Development Standards

    • 1 Videos
    • 3 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Web Development Standards Practice Assessment

1 Videos

  • Web Communication

3 Readings

  • Markup Languages
  • Evolution of Web and Mobile Content Standards
  • Guidelines for Compliant HTML

Create an HTML Page

    • 3 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Create an HTML Page Practice Assessment

3 Videos

  • Elements
  • Beginning an HTML Page
  • Page Elements

1 Readings

  • Development Tools

Controlling Text and Using HTML Attributes

    • 4 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Controlling Text and Using HTML Attributes Practice Assessment

4 Videos

  • Controlling Text
  • Lists
  • HTML Attributes
  • Quotation Marks

Authoring Content in HTML Lab

    • 1 Readings
Show info about module content

1 Readings

  • Creating a Web Page

Authoring Content in HTML Review and Graded Assessment

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Authoring Content in HTML Graded Assessment

1 Videos

  • Authoring Content in HTML Review

Embed Content

    • 5 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Embed Content Practice Assessment

5 Videos

  • Images
  • Videos
  • Audio
  • Basic Tables
  • Stylish Tables

Link HTML Pages

    • 4 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Link HTML Pages Practice Assessment

4 Videos

  • Anchors
  • Meta Element
  • Refreshing and Redirecting Web Pages
  • Image Maps

Construct Forms

    • 4 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Construct Forms Practice Assessment

4 Videos

  • Forms
  • Form Fields
  • Formatting Forms
  • Validating Input

Embedding and Linking Content Lab

    • 3 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • How is your web site coming along?

3 Readings

  • Linking and Embedding Content
  • Creating and Formatting Tables
  • Creating a Form

Embedding and Linking Content Review and Graded Assessment

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Embedding and Linking Content Graded Assessment

1 Videos

  • Embedding and Linking Content Review

Apply Style Sheets to HTML

    • 3 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Apply Style Sheets to HTML Practice Assessment

3 Videos

  • Cascading Style Sheets
  • Style Rules
  • Class Selectors

Formatting Text and Page Elements

    • 5 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Formatting Text and Page Elements Practice Assessment

5 Videos

  • Fonts
  • Text Properties
  • Color Codes
  • Formatting Page Elements - Part 1
  • Formatting Page Elements - Part 2

Use CSS To Create Multiple-Column Layouts

    • 2 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Use CSS To Create Multiple-Column Layouts Practice Assessment

2 Videos

  • Block vs Inline
  • Aside Element

Apply Style Sheets to HTML Lab

    • 3 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Extra! Extra! Write all about it!

3 Readings

  • Formatting Using Embedded Style Sheets
  • Formatting the Navigation Bar Using Styles
  • Creating a Multiple-Column Layout

Apply Style Sheets to HTML Review and Graded Assessment

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Working with Text Files Graded Assessment

1 Videos

  • Apply Style Sheets to HTML Review

Group Content

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Group Content Practice Assessment

1 Videos

  • The Overflow Property

1 Readings

  • How to Group Content

Create Box Layouts

    • 2 Videos
    • 2 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Create Box Layouts Practice Assessment

2 Videos

  • Position and z-index Properties
  • Float and Clear Properties

2 Readings

  • The Box Layout
  • How to Create Box Layouts

Creating Web Page Layouts Lab

    • 2 Readings
Show info about module content

2 Readings

  • Grouping Content
  • Working with Position

Creating Web Page Layouts Review and Graded Assessment

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Creating Web Page Layouts Graded Assessment

1 Videos

  • Creating Web Page Layouts Review

Advanced CSS Selectors

    • 4 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Advanced CSS Selectors Practice Assessment

4 Videos

  • Combinators
  • Attribute Selectors
  • Structural Selectors
  • Pseudo-Element Selectors

Provide Alternate Layouts

    • 1 Videos
    • 4 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Provide Alternate Layouts Practice Assessment

1 Videos

  • Newspaper Style Columns

4 Readings

  • Responsive Web Design
  • General Box Model Layout
  • Display Property
  • Flexible Box Layout

Using Advanced Techniques to Select and Apply Styles Labs

    • 5 Readings
Show info about module content

5 Readings

  • Using Combinators
  • Using Attribute Selectors
  • Formatting Every Nth Element
  • Using Pseudo-Element Selectors
  • Applying a Flexible Box Layout

Using Advanced Techniques to Select and Apply Styles Review and Graded Assessment

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Using Advanced Techniques to Select and Apply Styles Graded Assessment

1 Videos

  • Using Advanced Techniques to Select and Apply Styles Review

Use Advanced Techniques to Create Backgrounds

    • 3 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Use Advanced Techniques to Create Backgrounds Practice Assessment

3 Readings

  • Background Images
  • Opacity Property
  • Gradients

Use Advanced Techniques to Create Borders

    • 4 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Use Advanced Techniques to Create Borders Practice Assessment

4 Readings

  • Border Images
  • Rounded Corners
  • Box Shadows
  • Text Shadows

Using Advanced Background and Border Techniques Lab

    • 2 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • How creative do you like to be?

2 Readings

  • Creating Advanced Background Styles
  • Adding Text Shadows

Using Advanced Background and Border Techniques Review and Graded Assessment

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Using Advanced Background and Border Techniques Graded Assessment

1 Videos

  • Using Advanced Background and Border Techniques Review

Use Transforms and Animation Styles

    • 1 Videos
    • 3 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Use Transforms and Animation Styles Practice Assessment

1 Videos

  • Animation Techniques

3 Readings

  • Transform
  • CSS Transitions
  • CSS Keyframe Animation

Adding Animation Lab

    • 2 Readings
Show info about module content

2 Readings

  • Using 2D Transforms
  • Creating a Keyframe Animation

Adding Animation Review and Graded Assessment

    • 1 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Adding Animation Graded Assessment

1 Videos

  • Adding Animation Review

Capstone

    • 2 Videos
    • 1 PeerReview
Show info about module content

1 Peer Review

  • Web Applications Capstone

2 Videos

  • Capstone Introduction
  • Capstone Instructions

Auto Summary

Dive into web development with this foundational course on web applications. Led by Coursera, it covers HTML, CSS, and essential web design principles. Over 1260 hours, you'll create web pages, embed multimedia, and style layouts. Ideal for beginners, the course includes hands-on labs and a capstone project. Starter subscription available.

Shadow Farrell
Instructor

Shadow Farrell