Web Development 1 with HTML,CSS and JavaScript
- Course Code WEBDEV1
- Duration 5 days
Course Delivery
Additional Payment Options
-
GTC 30 inc. VAT
GTC, Global Knowledge Training Credit, please contact Global Knowledge for more details
Jump to:
Course Delivery
This course is available in the following formats:
-
Company Event
Event at company
-
Public Classroom
Traditional Classroom Learning
-
Virtual Learning
Learning that is virtual
Request this course in a different delivery format.
Course Overview
TopWeb 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 Schedule
TopTarget Audience
TopWho will the Course Benefit?
The Web Development 1 with HTML,CSS and JavaScript course is designed for those new to web development.
Course Objectives
TopCourse 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.
Course Content
TopWeb Development 1 with HTML,CSS and JavaScript Training Course
Course Contents - DAY 1
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
Course Contents - DAY 2
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
Course Contents - DAY 3
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
Course Contents - DAY 4
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
Course Contents - DAY 5
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 Prerequisites
TopRequirements
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.
Follow on Courses
TopFurther Learning
- HTML5 & CSS3 with JavaScript
- JavaScript 2
- jQuery Web Development
- React
- Angular Development
- Web Development 2 with HTML5,CSS3 and JavaScript
- STA_WEBDEV1
- Web Development 1 with HTML,CSS and JavaScript
- Applications Development & Programming
- STA_WEBDEV1 | Web Development 1 with HTML,CSS and JavaScript | Training Course | Applications Development.
- Applications Development