Rapid Introduction to HTML, CSS & JavaScript Training in Columbus
Enroll in or hire us to teach our Rapid Introduction to HTML, CSS & JavaScript class in Columbus, Ohio by calling us @303.377.6176. Like all HSG
classes, Rapid Introduction to HTML, CSS & JavaScript may be offered either onsite or via instructor led virtual training. Consider looking at our public training schedule to see if it
is scheduled: Public Training Classes
Provided there are enough attendees, Rapid Introduction to HTML, CSS & JavaScript may be taught at one of our local training facilities.
We offer private customized training for groups of 3 or more attendees.
|
||
Course Description |
||
In this 3-day class, students get a rapid hands-on introduction to
client-side programming with HTML, CSS, and JavaScript. The course
focuses on using HTML/CSS/JavaScript to implement programming logic,
define and use variables, perform looping and branching, develop user
interfaces, capture and validate user input, store data, and create
well-structured applications. Students should be prepared to cover a lot
in three days and to be ready to spend some time afterward reviewing the
content on their own to solidify and build upon the skills taught in class.
Course Length: 3 Days
Course Tuition: $1190 (US) |
Prerequisites |
|
Programming experience would be beneficial and a basic understanding of how the web works. |
Course Outline |
1. A Quick Overview of Web
Development
Client-side Programming
HTML
Cascading Style Sheets
JavaScript
Dynamic HTML
Ajax
Adobe Flash
Server-side Programming
Perl
ColdFusion
Active Server Pages
Java EE
ASP.NET
PHP
Ruby on Rails
2. Introduction to HTML
Getting Started
The HTML Skeleton
HTML Elements
Whitespace
HTML Elements
Attributes
Special Characters
The HTML/XHTML
Closing Tags
Case Sensitivity
Quotes
Nesting
Some XML Stuff
Lang and xml:lang
3. Paragraphs, Headings and
Text
Paragraphs
Breaks and Horizontal Rules
Creating an HTML Page
Quoted Text
Preformatted Text
Phrase Elements
Formatting Elements
Documenting Changes
4. HTML Links
Text Links
Absolute vs. Relative Paths
Targeting New Windows
Email Links
Adding Links
Anchors
The title Attribute
5. HTML Links
Inserting Images
Making Images Accessible
Alternative Text
Long Descriptions
Height and Width Attributes
Image Links
6. HTML Lists
Unordered Lists
Nesting Unordered Lists
Ordered Lists
Nesting Ordered Lists
Start Attribute
Definition Lists
7. HTML Tables
Creating Tables
Adding a Caption
Attributes
Merging Cells
8. HTML Forms
How HTML Forms Work
The <form> Tag
Get vs. Post
Form Elements
Id and Name Attributes
Labels
Text Fields
Submit and Reset Buttons
Hidden Fields
Checkboxes and Radio Buttons
Adding a Select Menu and a Textarea
9. Crash Course in CSS
Benefits of Cascading Style Sheets
CSS Rules
Selectors
Type of Selectors
Precedence of Selectors
The Cascade
Embedded Style Sheets
External Style Sheets
Inline Styles
Media Types
<div> and <span>
Units of Measurement
The Inherit Value
@import
10. CSS Fonts
Font - the old way
Font-family
Font-size
Font Family and Font Size
Font-style
Font-variant
Font-weight
Font Style, Font Variant and Font
Weight
11. CSS Text
Letter-spacing
Word-spacing
Line-height
Text-align
Text-decoration
Text-indent
Text-transform
Vertical-align
White-space
12. Colors and Backgrounds
About Color Values
Color Names
Hexadecimal Color Values
Short Hexadecimal Color Values
Functional Notation
Recommendation
Color
Background-color
Background-image
Background-repeat
Background-attachment
Background-position
13. JavaScript Basics
The Name "JavaScript"
The HTML DOM
JavaScript Syntax
Basic Rules
Accessing Elements
Dot Notation
Square Bracket Notation
Where Is JavaScript Code
Written?
JavaScript Objects, Methods and
Properties
Methods
Properties
The Implicit window Object
Event Handlers
The getElementById() Method
14. Variables, Arrays and Operators
JavaScript Variables
A Loosely-typed Language
Variable Naming
Storing User-Entered Data
Arrays
Associative Arrays
Array Properties and Methods
JavaScript Operators
15. JavaScript Functions
Built-in Functions
Number(object)
String(object)
isNaN(object)
parseFloat() and parseInt()
Built-in Functions vs. Methods
User-defined Functions
Function Syntax
Passing Values to Functions
A Note on Variable Scope
Returning Values from Functions
16. Conditionals and Loops
Conditionals
If – else if – else Conditions
Switch / Case
Loops
While Loop Syntax
Do…while Loop Syntax
for Loop Syntax
for…in Loop Syntax
|
Course Directory [training on all levels]
Technical Training Courses
Software engineer/architect, System Admin ... Welcome!
- .NET Classes
- Agile/Scrum Classes
- Ajax Classes
- Android and iPhone Programming Classes
- Blaze Advisor Classes
- C Programming Classes
- C# Programming Classes
- C++ Programming Classes
- Cisco Classes
- Cloud Classes
- CompTIA Classes
- Crystal Reports Classes
- Design Patterns Classes
- DevOps Classes
- Foundations of Web Design & Web Authoring Classes
- Git, Jira, Wicket, Gradle, Tableau Classes
- IBM Classes
- Java Programming Classes
- JBoss Administration Classes
- JUnit, TDD, CPTC, Web Penetration Classes
- Linux Unix Classes
- Machine Learning Classes
- Microsoft Classes
- Microsoft Development Classes
- Microsoft SQL Server Classes
- Microsoft Team Foundation Server Classes
- Microsoft Windows Server Classes
- Oracle, MySQL, Cassandra, Hadoop Database Classes
- Perl Programming Classes
- Python Programming Classes
- Ruby Programming Classes
- Security Classes
- SharePoint Classes
- SOA Classes
- Tcl, Awk, Bash, Shell Classes
- UML Classes
- VMWare Classes
- Web Development Classes
- Web Services Classes
- Weblogic Administration Classes
- XML Classes
Business Training Courses
Project Managers, Business Analysts, Paralegals ... Welcome!
Upcoming Classes
Gain insight and ideas from students with different perspectives and experiences.