Course description
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.
Who will the Course Benefit?The Web Development 1 with HTML, CSS and JavaScript course is designed for those new to web development.
Course ObjectivesThis 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.
Upcoming start dates
Suitability - Who should attend?
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.
Experience to the level as demonstrated in this course is recommended:
- Introduction to Programming - JavaScript
Training Course Content
Web 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
- What is HTML
- What is CSS
- Structure and Style
- Versions and Browser Support
- Tags, Elements, and Attributes
- Typical Document Structure
- Document Type
- Entities
- Headings
- Paragraphs
- Links
- Images
- Nesting
- Lists
- Media Queries
- Tables
- Forms
- Divisions
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
- Generic Styles
- List-specific Styles
- Table-specific Styles
- Positional Styles
- Combinators
- Pseudo Classes
- Pseudo Elements
- Attribute Selectors
- What is HTML5
- Responsive Web Design
- Responsive Grid Layout
- Introduction to Media Queries
- Responsive Web Design Frameworks
Course Contents - DAY 3
Session 9: INTRODUCTION TO JAVASCRIPT- What is JavaScript
- Dynamism and Interactivity
- JavaScript and ECMAScript
- Versions and Browser Support
- Inline, Internal, and External Scripts
- The script and noscript Tags
- Case Sensitivity
- Whitespace
- Comments
- Variable Declaration and Assignment
- Data Types
- Type Conversion
- Operators: Arithmetic, Assignment, Comparison, and Logical
- Simple and Compound Expressions
- If Else
- Switch
- Ternary Operator
- For
- While
- Do
- Break
- Continue
Course Contents - DAY 4
Session 13: FUNCTIONS- Function Declaration
- Function Invocation
- Variable Scope and Hoisting
- Functions as Data
- Anonymous Functions
- Object Literal
- Object Properties
- Constructor Function
- Prototype Manipulation
- String, Number, Date, and Math
- Regular Expressions
- Array Literal
- Array Elements
- Array Traversal
- Array Functions
- Multi-dimensional Arrays
- In-browser Developer Tools
- Console Object
- Debugging
- Throw, Try, and Catch
Course Contents - DAY 5
Session 17: DOM- Relationship between HTML and JavaScript
- Element Referencing
- Common Element Properties
- DOM Navigation
- DOM Manipulation
- Event
- Event Object
- Event Handler
- Event Handler Assignment
- Form Validation
- Window Object
- Screen, History, and Navigator Objects
- Alerts and Prompts
- Timeouts and Intervals
- Cookies
- The Request and Response Model
- XMLHttpRequest Object
- Asynchronous Request
- Callbacks
- Introduction to XML and JSON
Customer Outreach Award
We believe that it should be easy for you to find and compare training courses.
Our Customer Outreach Award is presented to trusted providers who are excellent at responding to enquiries, making your search quicker, more efficient and easier, too.
Reviews
Average rating 5
Continuing Studies
Further Learning
- HTML5 & CSS3 with JavaScript
- jQuery Web Development
- React
- Angular Development
Request info
Why StayAhead. From a single person on a scheduled course to large scale training projects StayAhead Training have the expertise and experience to help. Established since 1992, StayAhead Training is recognised as one of the leading independent IT Training specialists...
Very interactive - great way to demonstrate the processes we have learned. Teaching was great, very upbeat, overall a great and enjoyable experience.