CIS3003 - Development Operations (DevOps) and Web Technologies

(CIS3003.AB1)
Lessons
Lab
TestPrep
AI Tutor (Add-on)
Instructor-Led (Add-on)
Get A Free Trial

Skills You’ll Get

Get the support you need. Enroll in our Instructor-Led Course.

Download Course Outline

1

Introduction

2

What Is Web Publishing?

  • Thinking Like a Web Publisher
  • Web Browsers
  • Web Servers
  • Uniform Resource Locators
  • Defining Web Publishing Broadly
  • Summary
  • Workshop
  • Additional Exercises
3

Getting Your Tools in Order

  • Anatomy of a Website
  • Setting Up Your Computer for Web Publishing
  • Using the Google Chrome Developer Tools
  • What Do You Want to Do on the Web?
  • Wireframing Your Website
  • Web Hosting
  • Summary
  • Workshop
  • Additional Exercises
4

Introducing HTML and CSS

  • What HTML Is (And What It Isn't)
  • What HTML Files Look Like
  • HTML Attributes
  • Using the style Attribute
  • A Short History of HTML Standards
  • The Current and Evolving Standard: HTML5
  • Summary
  • Workshop
  • Additional Exercises
5

Learning the Basics of HTML

  • Structuring Your HTML
  • The Title
  • Headings
  • Paragraphs
  • Comments
  • Summary
  • Workshop
  • Additional Exercises
6

Organizing Information with Lists

  • Lists: An Overview
  • Numbered Lists
  • Unordered Lists
  • Definition Lists
  • Nesting Lists
  • Other Uses for Lists
  • Summary
  • Workshop
  • Additional Exercises
7

Working with Links

  • Creating Links
  • Linking Local Pages Using Relative and Absolute Pathnames
  • Links to Other Documents on the Web
  • Linking to Specific Places Within Documents
  • Anatomy of a URL
  • Kinds of URLs
  • Summary
  • Workshop
  • Additional Exercises
8

Formatting Text with HTML and CSS

  • Character-Level Elements
  • Character Formatting Using CSS
  • Preformatted Text
  • Horizontal Rules (or Thematic Breaks)
  • Line Break
  • Addresses
  • Quotations
  • Special Characters
  • Fonts and Font Sizes
  • Summary
  • Workshop
  • Additional Exercises
9

Using CSS to Style a Site

  • Including Style Sheets in a Page
  • Selectors
  • Units of Measure
  • Editing Styles with Developer Tools
  • Using Color
  • Links
  • The Box Model
  • More Selectors
  • The <body> Tag
  • Summary
  • Workshop
  • Additional Exercises
10

Using Images on Your Web Pages

  • Images on the Web
  • Image Formats
  • Inline Images in HTML: The <img> Tag
  • Images and Text
  • Images and Links
  • Other Neat Tricks with Images
  • Image Backgrounds
  • Using Images as Bullets
  • What Is an Imagemap?
  • Image Etiquette
  • Summary
  • Workshop
  • Additional Exercises
11

Building Tables

  • Creating Tables
  • Table Parts
  • Sizing Tables, Borders, and Cells
  • Table and Cell Color
  • Aligning Your Table Content
  • Spanning Multiple Rows or Columns
  • More Advanced Table Enhancements
  • How Tables Are Used
  • Summary
  • Workshop
  • Additional Exercises
12

Using CSS to Position Elements on the Page

  • Positioning Schemes
  • Absolute Positioning
  • Fixed Positioning
  • Controlling Stacking
  • Creating Drop-Down Menus
  • Summary
  • Workshop
  • Additional Exercises
13

Designing Forms

  • Understanding Form and Function
  • Using the <form> Tag
  • Using the <label> Tag
  • Creating Form Controls with the <input> Tag
  • Using Other Form Controls
  • Grouping Controls with fieldset and legend
  • Displaying Updates with progress and meter
  • Applying Cascading Style Sheet Properties to Form Elements
  • Planning Your Forms
  • Summary
  • Workshop
  • Additional Exercises
14

Structuring a Page with HTML5

  • A Short History of HTML Page Layout
  • Laying Out a Page in HTML5
  • HTML5 Structural Tags
  • The Page Outline
  • Using HTML5 Structural Elements
  • Summary
  • Workshop
  • Additional Exercises
15

Integrating Multimedia: Video and Sound

  • Embedding Video the Simple Way
  • Hosting Your Own Video
  • Embedding Video Using <video>
  • Embedding Flash Using the <object> Tag
  • The <embed> Tag
  • Embedding Flash Movies Using SWFObject
  • Flash Video Players
  • Embedding Audio in Your Pages
  • Summary
  • Workshop
  • Additional Exercises
16

Advanced CSS: Page Layout in CSS

  • Laying Out the Page
  • The Role of CSS in Web Design
  • Summary
  • Workshop
  • Additional Exercises
17

Using Responsive Web Design

  • What Is Responsive Web Design?
  • Mobile Devices Should Come First
  • Planning a Responsive Website
  • Writing Media Queries
  • Understanding the Mechanics of RWD
  • Responsive Web Design Best Practices
  • Summary
  • Workshop
  • Additional Exercises
18

Introducing JavaScript

  • Why Would You Want to Use JavaScript?
  • The <script> Tag
  • JavaScript and the Chrome Development Tools
  • The JavaScript Language
  • The JavaScript Environment
  • Events
  • Summary
  • Workshop
  • Additional Exercises
19

Using jQuery

  • What Are JavaScript Libraries?
  • Getting Started with jQuery
  • Your First jQuery Script
  • Selecting Elements from the Document
  • Binding Events
  • Modifying Styles on the Page
  • Modifying Content on the Page
  • Special Effects
  • AJAX and jQuery
  • Summary
  • Workshop
  • Additional Exercises
20

Using JavaScript in Your Pages

  • Validating Forms with JavaScript
  • Hiding and Showing Content
  • Adding New Content to a Page
  • Summary
  • Workshop
  • Additional Exercises
21

Working with Frames and Linked Windows

  • What Are Frames?
  • Working with Linked Windows
  • Inline Frames
  • Opening Linked Windows with JavaScript
  • Summary
  • Workshop
  • Additional Exercises
22

Designing for the Mobile Web

  • People Browse Differently on Mobile Phones
  • Standards Compliance and the Mobile Web
  • Writing for the Mobile Web
  • Design and Page Layout
  • Using Links
  • Using Images and Multimedia
  • Making the Most of CSS and JavaScript
  • Take Advantage of Mobile Features
  • Other Good Habits and Hints for Mobile Web Design
  • Summary
  • Workshop
  • Additional Exercises
23

Designing for User Experience

  • Considering User Experience Level
  • Determining User Preferences
  • What Is Accessibility?
  • Alternative Browsers
  • Writing Accessible HTML
  • Designing for Accessibility
  • Validating Your Sites for Accessibility
  • Summary
  • Workshop
  • Additional Exercises
24

How to Publish Your Site

  • What Does a Web Server Do?
  • How to Find Web Hosting
  • Organizing Your HTML Files for Publishing
  • Publishing Your Files
  • Troubleshooting
  • Promoting Your Web Pages
  • Finding Out Who's Viewing Your Web Pages
  • Summary
  • Workshop
  • Additional Exercises
25

Taking Advantage of the Server

  • How PHP Works
  • Getting PHP to Run on Your Computer
  • The PHP Language
  • Loops
  • Built-In Functions
  • User-Defined Functions
  • Processing Forms
  • Using PHP Includes
  • Expanding Your Knowledge of PHP
  • Other Application Platforms
  • Summary
  • Workshop
  • Additional Exercises
26

Search Engines and SEO

  • What Is SEO?
  • How Search Engines Work
  • SEO Techniques
  • Tools for Tracking and Managing SEO
  • Paying for Links
  • Summary
  • Workshop
  • Additional Exercises
A

Appendix: Project

1

Introduction

  • Sandbox
2

Introducing HTML and CSS

  • Creating a Basic HTML Page
3

Learning the Basics of HTML

  • Using Paragraphs and Headings in HTML
4

Organizing Information with Lists

  • Organizing Content in HTML
5

Working with Links

  • Creating Hyperlinks
6

Formatting Text with HTML and CSS

  • Formatting Text in HTML
7

Using CSS to Style a Site

  • Creating the External Style Sheet
  • Using CSS IDs
  • Implementing a Class
  • Creating an Internal Style Sheet
  • Implementing Inline Styles
  • Using Positioned Floats
  • Using Overflow Properties
8

Using Images on Your Web Pages

  • Implementing the SVG Format
  • Using Inline Flow vs. Block Flow in CSS and Float Properties
  • Using the Image Tag
9

Building Tables

  • Organizing Content in HTML Part 1
10

Using CSS to Position Elements on the Page

  • Using the Absolute Position Property
  • Implementing CSS Overlapping and Positioning
11

Designing Forms

  • Using the Pattern Attribute
  • Using the Required Attribute
  • Using the Types of Input Fields
  • Using the Input Tag
  • Implementing the Checkbox Input and Using the Textarea Tag
  • Using the Select Tag
  • Using the Mark, Meter, and Progress Tags
12

Structuring a Page with HTML5

  • Using the Header and Footer Tags
  • Using the Nav Tag
  • Using the Article Tag
  • Using the Section Tag
  • Using the Aside and Hr Tags
13

Integrating Multimedia: Video and Sound

  • Using the Video Tag
14

Advanced CSS: Page Layout in CSS

  • Implementing CSS Columns and Hyphenations
15

Using Responsive Web Design

  • Using Media Query
16

Introducing JavaScript

  • Writing a Basic JavaScript Program
  • Using Operators in JavaScript
  • Using Data Types
  • Showing and Hiding Elements
  • Updating Content Using Event Handling
  • Using Events to Call a Function
  • Using Events
17

Using jQuery

  • Using jQuery and Other Third-Party Libraries
18

Using JavaScript in Your Pages

  • Using the Form and Test Validations
19

Working with Frames and Linked Windows

  • Using the Inline Frame Element
20

Designing for the Mobile Web

  • Getting the Geolocation of a Device