Skill Up Card - Course Bundles

Pricing is per delegate, giving you huge savings over the cost of individual courses.

  • UK = £2,000 + VAT per Skill Up Card
  • Ireland = €2,400 per Skill Up Card
skill up card logo - Nexus Human

55320 Programming with HTML, CSS, and JavaScript

4.6 out of 5 rating Last updated 14/11/2024   English

Jump to outline

Click "Enquire" below to find out more about this course

Interested in available dates? Would like to book a private session of this course for your company? Or for any other queries please simply fill out the form below.


Duration

5 Days

30 CPD hours

Overview

After completing this course, you will be able to:
Describe the technologies involved in web development.
Create HTML pages with links and images.
Explain the benefits of CSS.
Style HTML pages with CSS.
Explain the concepts of objects, methods, and properties.
Work with JavaScript variables.
Create their own custom functions in JavaScript.
Write flow control logic in JavaScript.
Write JavaScript code that listens for and handles events, such as mouse clicks and page loads.
Create forms with HTML and validate them with JavaScript.
Use regular expressions in JavaScript for advanced form validation.

Description

This course is intended for IT professionals interested in becoming client-side web developers. who need to get a jump start on all three technologies. The course includes more than 30 exercises, providing a rapid hands-on introduction to the three major client-side languages: HTML, CSS, and JavaScript. Students should be prepared to cover a lot of ground quickly.This material updates and replaces course Microsoft course 20480 which was previously published under the title Programming in HTML5 with JavaScript and CSS3.

Module 1: A Quick Overview of Web Development
  • HTML is Part of a Team
  • Client-side Programming
  • Server-side Programming
  • Web Development Technologies
Module 2: Introduction to HTML
  • Exercise: A Simple HTML Document
  • Getting Started with a Simple HTML Document
  • HTML Elements, Attributes, and Comments
  • The HTML Skeleton
  • Viewing the Page Source
  • Special Characters
  • HTML Elements and Special Characters
  • History of HTML
  • The lang Attribute
Module 3: Paragraphs, Headings, and Text
  • Paragraphs
  • Heading Levels
  • Breaks and Horizontal Rules
  • Exercise: Paragraphs, Headings, and Text
  • The div Tag
  • Creating an HTML Page
  • Quoted Text
  • Preformatted Text
  • Inline Semantic Elements
  • Exercise: Adding Inline Elements
Module 4: HTML Links
  • Links Introduction
  • Text Links
  • Absolute vs. Relative Paths
  • Targeting New Tabs
  • Email Links
  • Exercise: Adding Links
  • Lorem Ipsum
  • The title Attribute
  • Linking to a Specific Location on the Page
  • Targeting a Specific Location on the Page
Module 5: HTML Images
  • Inserting Images
  • Image Links
  • Adding Images to the Document
  • Exercise: Adding Images to the Page
  • Providing Alternative Images
Module 6: HTML Lists
  • Unordered Lists
  • Ordered Lists
  • Definition Lists
  • Exercise: Creating Lists
Module 7: Crash Course in CSS
  • Benefits of Cascading Style Sheets
  • CSS Rules
  • Selectors
  • Combinators
  • Precedence of Selectors
  • How Browsers Style Pages
  • CSS Resets
  • CSS Normalizers
  • External Stylesheets, Embedded Stylesheets, and Inline Styles
  • Exercise: Creating an External Stylesheet
  • Exercise: Creating an Embedded Stylesheet
  • Exercise: Adding Inline Styles
  • div and span
  • Exercise: Styling div and span
  • Media Types
  • Units of Measurement
  • Inheritance
Module 8: CSS Fonts
  • font-family
  • @font-face
  • font-size
  • font-style
  • font-variant
  • font-weight
  • line-height
  • font shorthand
  • Exercise: Styling Fonts
Module 9: Color and Opacity
  • About Color and Opacity
  • Color and Opacity Values
  • Color
  • Opacity
  • Exercise: Adding Color and Opacity to Text
Module 10: CSS Text
  • letter-spacing
  • text-align
  • text-decoration
  • text-indent
  • text-shadow
  • text-transform
  • white-space
  • word-break
  • word-spacing
  • Exercise: Text Properties
Module 11: JavaScript Basics
  • JavaScript vs. EcmaScript
  • The HTML DOM
  • JavaScript Syntax
  • Accessing Elements
  • Where Is JavaScript Code Written
  • JavaScript Objects, Methods, and Properties
  • Exercise: Alerts, Writing, and Changing Background Color
Module 12: Variables, Arrays, and Operators
  • JavaScript Variables
  • A Loosely Typed Language
  • Google Chrome DevTools
  • Storing User-Entered Data
  • Exercise: Using Variables
  • Constants
  • Arrays
  • Exercise: Working with Arrays
  • Associative Arrays
  • Playing with Array Methods
  • JavaScript Operators
  • The Modulus Operator
  • Playing with Operators
  • The Default Operator
  • Exercise: Working with Operators
Module 13: JavaScript Functions
  • Global Objects and Functions
  • Exercise: Working with Global Functions
  • User-defined Functions
  • Exercise: Writing a JavaScript Function
  • Returning Values from Functions
Module 14: Built-In JavaScript Objects
  • Strings
  • Math
  • Date
  • Helper Functions
  • Exercise: Returning the Day of the Week as a String
Module 15: Conditionals and Loops
  • Conditionals
  • Short-circuiting
  • Switch / Case
  • Ternary Operator
  • Truthy and Falsy
  • Exercise: Conditional Processing
  • Loops
  • while and dowhile Loops
  • for Loops
  • break and continue
  • Exercise: Working with Loops
  • Array: forEach()
Module 16: Event Handlers and Listeners
  • On-event Handlers
  • Exercise: Using On-event Handlers
  • The addEventListener() Method
  • Anonymous Functions
  • Capturing Key Events
  • Exercise: Adding Event Listeners
  • Benefits of Event Listeners
  • Timers
  • Typing Test
Module 17: The HTML Document Object Model
  • CSS Selectors
  • The innerHTML Property
  • Nodes, NodeLists, and HTMLCollections
  • Accessing Element Nodes
  • Exercise: Accessing Elements
  • Dot Notation and Square Bracket Notation
  • Accessing Elements Hierarchically
  • Exercise: Working with Hierarchical Elements
  • Accessing Attributes
  • Creating New Nodes
  • Focusing on a Field
  • Shopping List Application
  • Exercise: Logging
  • Exercise: Adding EventListeners
  • Exercise: Adding Items to the List
  • Exercise: Dynamically Adding Remove Buttons to the List Items
  • Exercise: Removing List Items
  • Exercise: Preventing Duplicates and Zero-length Product Names
  • Manipulating Tables
Module 18: HTML Forms
  • How HTML Forms Work
  • The form Element
  • Form Elements
  • Buttons
  • Exercise: Creating a Registration Form
  • Checkboxes
  • Radio Buttons
  • Exercise: Adding Checkboxes and Radio Buttons
  • Fieldsets
  • Select Menus
  • Textareas
  • Exercise: Adding a Select Menu and a Textarea
  • HTML Forms and CSS
Module 19: JavaScript Form Validation
  • Server-side Form Validation
  • HTML Form Validation
  • Accessing Form Data
  • Form Validation with JavaScript
  • Exercise: Checking the Validity of the Email and URL Fields
  • Checking Validity on Input and Submit Events
  • Adding Error Messages
  • Validating Textareas
  • Validating Checkboxes
  • Validating Radio Buttons
  • Validating Select Menus
  • Exercise: Validating the Ice Cream Order Form
  • Giving the User a Chance
Module 20: Regular Expressions
  • Getting Started
  • Regular Expression Syntax
  • Backreferences
  • Form Validation with Regular Expressions
  • Cleaning Up Form Entries
  • Exercise: Cleaning Up Form Entries
  • A Slightly More Complex Example
Additional course details:

Nexus Humans 55320 Programming with HTML, CSS, and JavaScript training program is a workshop that presents an invigorating mix of sessions, lessons, and masterclasses meticulously crafted to propel your learning expedition forward.

This immersive bootcamp-style experience boasts interactive lectures, hands-on labs, and collaborative hackathons, all strategically designed to fortify fundamental concepts.

Guided by seasoned coaches, each session offers priceless insights and practical skills crucial for honing your expertise. Whether you're stepping into the realm of professional skills or a seasoned professional, this comprehensive course ensures you're equipped with the knowledge and prowess necessary for success.

While we feel this is the best course for the 55320 Programming with HTML, CSS, and JavaScript course and one of our Top 10 we encourage you to read the course outline to make sure it is the right content for you.

Additionally, private sessions, closed classes or dedicated events are available both live online and at our training centres in Dublin and London, as well as at your offices anywhere in the UK, Ireland or across EMEA.

FAQ for the 55320 Programming with HTML, CSS, and JavaScript Course

Available Delivery Options for the 55320 Programming with HTML, CSS, and JavaScript training.
  • Live Instructor Led Classroom Online (Live Online)
  • Traditional Instructor Led Classroom (TILT/ILT)
  • Delivery at your offices in London or anywhere in the UK
  • Private dedicated course as works for your staff.
How many CPD hours does the 55320 Programming with HTML, CSS, and JavaScript training provide?

The 5 day. 55320 Programming with HTML, CSS, and JavaScript training course give you up to 30 CPD hours/structured learning hours. If you need a letter or certificate in a particular format for your association, organisation or professional body please just ask.

What is the correct audience for the 55320 Programming with HTML, CSS, and JavaScript training?

This course is intended for students new to computer programming or experienced programmers who are new to client-side web development.

Do you provide training for the 55320 Programming with HTML, CSS, and JavaScript.

Yes we provide corporate training, dedicated training and closed classes for the 55320 Programming with HTML, CSS, and JavaScript. This can take place anywhere in UK including, England, Scotland, Cymru (Wales) or Northern Ireland or live online allowing you to have your teams from across UK or further afield to attend a single training event saving travel and delivery expenses.

What is the duration of the 55320 Programming with HTML, CSS, and JavaScript program.

The 55320 Programming with HTML, CSS, and JavaScript training takes place over 5 day(s), with each day lasting approximately 8 hours including small and lunch breaks to ensure that the delegates get the most out of the day.

Why are Nexus Human the best provider for the 55320 Programming with HTML, CSS, and JavaScript?
Nexus Human are recognised as one of the best training companies as they and their trainers have won and hold many awards and titles including having previously won the Small Firms Best Trainer award, national training partner of the year for UK on multiple occasions, having trainers in the global top 30 instructor awards in 2012, 2019 and 2021. Nexus Human has also been nominated for the Tech Excellence awards multiple times. Learning Performance institute (LPI) external training provider sponsor 2024.
Is there a discount code for the 55320 Programming with HTML, CSS, and JavaScript training.

Yes, the discount code PENPAL5 is currently available for the 55320 Programming with HTML, CSS, and JavaScript training. Other discount codes may also be available but only one discount code or special offer can be used for each booking. This discount code is available for companies and individuals.

Jump to dates

Training Insurance Included!

When you organise training, we understand that there is a risk that some people may fall ill, become unavailable. To mitigate the risk we include training insurance for each delegate enrolled on our public schedule, they are welcome to sit on the same Public class within 6 months at no charge, if the case arises.

What people say about us


Top

}