Web Development 1 with HTML, CSS and JavaScript
Course Code: WEBDEV1
Duration: 5 days
New Web Development Curriculum in 2024
We are introducing a new curriculum of Web Development courses.
As you have shown an interest in the existing curriculum, please see the updated portfolio below ...
2 days
2 days
5 days
4 days
The new 5 day Core Spring is available later this year
We will continue to offer the 4 day option on the CSL catalogue until the new course has been accepted to the catalogue ...
4 days
Web Development 1 with HTML, CSS and JavaScript Course Overview
The Web Development 1 with HTML, CSS and JavaScript course comprises sessions dealing with HTML, CSS and JavaScript - the three core languages of web development. HTML tags give a web page its structure, Cascading Style Sheets provide the style, and JavaScript code is used to make the page dynamic and interactive. All three are essential for a modern, responsive web site.
The delegate will learn how to construct and style a simple web site, and add dynamic and interactive behaviour to their web pages.
Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.
Course Objectives
This course aims to provide the delegate with the knowledge to be able to construct and style a responsive, dynamic, and interactive web site using all core elements of the HTML, CSS, and JavaScript languages including AJAX.
Who will the Course Benefit?
The Web Development 1 with HTML, CSS and JavaScript course is designed for those new to web development.
Skills Gained
The delegate will learn and acquire skills as follows:
- Building simple web pages
- Marking up document content
- Adding links and images
- Creating tables and forms
- Laying out page content
- Styling HTML elements
- Separating style from content
- Building responsive web pages
- Embedding or linking to JavaScript code in a web page
- Declaring and initialising variables
- Constructing expressions
- Constructing conditional and iterative statements
- Declaring and invoking functions
- Creating and manipulating objects
- Creating and manipulating arrays
- Handling errors and debugging
- Navigating and manipulating the DOM
- Writing and assigning event handlers
- Using the DOM to obtain and store useful information
- Obtaining data from the server asynchronously
Web Development 1 with HTML, CSS and JavaScript Training Course
Course Introduction
- Administration and Course Materials
- Course Structure and Agenda
- Delegate and Trainer Introductions
Session 1: INTRODUCTION TO HTML & CSS
- What is HTML
- What is CSS
- Structure and Style
- Versions and Browser Support
Session 2: HTML STRUCTURE
- Tags, Elements, and Attributes
- Typical Document Structure
- Document Type
- Entities
Session 3: SIMPLE ELEMENTS
- Headings
- Paragraphs
- Links
- Images
Session 4: COMPOUND ELEMENTS
- Nesting
- Lists
- Media Queries
- Tables
- Forms
- Divisions
Web Development 1 with HTML, CSS and JavaScript Training Course
Session 5: CSS STRUCTURE
- Selectors, Properties, and Values
- Class and ID Attributes
- Inline, Internal, and External styles
- Block and Inline Elements
- The Box Model
Session 6: STYLES
- Generic Styles
- List-specific Styles
- Table-specific Styles
- Positional Styles
Session 7: COMPLEX SELECTORS
- Combinators
- Pseudo Classes
- Pseudo Elements
- Attribute Selectors
Session 8: HTML5 & RESPONSIVE WEB DESIGN
- What is HTML5
- Responsive Web Design
- Responsive Grid Layout
- Introduction to Media Queries
- Responsive Web Design Frameworks
Web Development 1 with HTML, CSS and JavaScript Training Course
Session 9: INTRODUCTION TO JAVASCRIPT
- What is JavaScript
- Dynamism and Interactivity
- JavaScript and ECMAScript
- Versions and Browser Support
Session 10: JAVASCRIPT STRUCTURE
- Inline, Internal, and External Scripts
- The script and noscript Tags
- Case Sensitivity
- Whitespace
- Comments
Session 11: VARIABLES & EXPRESSIONS
- Variable Declaration and Assignment
- Data Types
- Type Conversion
- Operators: Arithmetic, Assignment, Comparison, and Logical
- Simple and Compound Expressions
Session 12: CONDITIONS & LOOPS
- If Else
- Switch
- Ternary Operator
- For
- While
- Do
- Break
- Continue
Web Development 1 with HTML, CSS and JavaScript Training Course
Session 13: FUNCTIONS
- Function Declaration
- Function Invocation
- Variable Scope and Hoisting
- Functions as Data
- Anonymous Functions
Session 14: OBJECTS
- Object Literal
- Object Properties
- Constructor Function
- Prototype Manipulation
- String, Number, Date, and Math
- Regular Expressions
Session 15: ARRAYS
- Array Literal
- Array Elements
- Array Traversal
- Array Functions
- Multi-dimensional Arrays
Session 16: ERRORS & DEBUGGING
- In-browser Developer Tools
- Console Object
- Debugging
- Throw, Try, and Catch
Web Development 1 with HTML, CSS and JavaScript Training Course
Session 17: DOM
- Relationship between HTML and JavaScript
- Element Referencing
- Common Element Properties
- DOM Navigation
- DOM Manipulation
Session 18: EVENT HANDLING
- Event
- Event Object
- Event Handler
- Event Handler Assignment
- Form Validation
Session 19: BOM
- Window Object
- Screen, History, and Navigator Objects
- Alerts and Prompts
- Timeouts and Intervals
- Cookies
Session 20: AJAX
- The Request and Response Model
- XMLHttpRequest Object
- Asynchronous Request
- Callbacks
- Introduction to XML and JSON
- Course technical content is subject to change without notice.
- Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.
Requirements
Delegates attending this course should be able to define general programming concepts including compilation and execution, variables, arrays, sequence, selection and iteration, navigate the filesystem (on the command line ideally), edit and save text files and browse the web. This knowledge can be obtained by attendance on the pre-requisite Introduction to Programming - JavaScript course.
Pre-Requisite Courses
Further Learning
Live Virtual Classroom
All the convenience and benefits of the classroom experience without the hassle and costs of travel and accommodation.
Our Customers Include
Our Course Curriculum