HTML5 & CSS3 Web Design Fundamentals with JavaScript
$99.00
A beginner web design course covering HTML5, CSS3, responsive layouts and JavaScript, ending with a calculator project. It has 12 hours of training across 63 videos and 248 test questions.
- Login details sent straight after payment
- Self-paced. Study on any device
- StemBoss Certificate of Completion
- 14-day refund promise
Secure checkout. Pay by card, Apple Pay or Google Pay.
HTML5 and CSS3 Web Design Fundamentals with JavaScript is a beginner course that shows you how to build web pages from scratch and make them work on phones, tablets and desktops. It is for anyone who wants to learn web design, with no past coding needed. You get 12 hours of training across 63 videos, plus 248 test questions, and you finish by building a working calculator in JavaScript.
What you will learn
- How the internet and the web work
- How to set up web tools and write a basic HTML page
- How to style pages with inline, embedded and external CSS
- How selectors, IDs, classes and the CSS box model work
- How to add images, links, phone links and email links
- How to build responsive layouts with the viewport tag and media queries
- How to add tables, forms, audio and video
- JavaScript basics: data types, variables, conditions, loops and operators
- How a web server delivers your pages
- How to check and debug your code
Course outline
- Introduction: what the course covers.
- The Internet and World Wide Web: how the web works.
- HTML Fundamentals: page skeletons, text elements, comments and entities.
- CSS Fundamentals: style sheets, selectors, colours, text and the box model.
- Images and Links: images, hyperlinks, validation and debugging.
- Responsive Design: fixed layouts and the viewport meta tag.
- Media Queries: adapting pages for mobile devices.
- Layouts: tablet layouts and styling.
- Tables: building and styling tables.
- Multimedia: adding audio and video.
- Forms and JavaScript: forms, jQuery and table styling.
- The Web Server: how pages are served.
- Programming and JavaScript: data types, variables, conditions and loops.
- The Calculator: a hands-on JavaScript project.
Who this course is for
- Complete beginners who want to build websites
- Students starting out in web design or front-end work
- Small business owners who want to edit their own site
- Designers who want to turn layouts into real pages
Before you start
You do not need any coding experience. A computer, a text editor and a web browser are all you need to follow along.
Jobs this course supports
- Junior web designer
- Junior front-end developer
| Skill level | Beginner |
|---|---|
| Duration | 12 Hours |
| Videos | 63 Course Videos |
| Questions | 248 Test Questions |
| Prerequisites | None. The course starts from the basics. |
| Best for | New web designers, junior front-end developers, students, small business owners who build their own sites |
| Topics covered | HTML5, CSS3, responsive design, media queries, tables and forms, multimedia, JavaScript, web servers |
| Format | Online video lessons, self-paced |
| Language | English |
| Closed captions | Yes |
| Certificate | StemBoss Certificate of Completion |
What is inside this course
14 modules and 63 lessons. Here is the full outline.
Module 1 - HTML5-CSS3 Introduction1 lessons
- 1.1 Introduction to the Course
Module 2 - The Internet and World Wide Web1 lessons
- 2.1 The Internet and World Wide Web
Module 3 - HTML Fundamentals6 lessons
- 3.1 Web Development Tools
- 3.2 HTML Skeletons
- 3.3 Paragraph Elements
- 3.4 Phrase Elements
- 3.5 HTML Comments
- 3.6 HTML Entities
Module 4 - CSS Fundamentals10 lessons
- 4.1 CSS Fundamentals
- 4.2 Inline Styles
- 4.3 Embedded Style Sheets
- 4.4 External Style Sheets
- 4.5. Selector Types
- 4.6 Decendent Selectors
- 4.7 CSS Colors
- 4.8 ID Versus Class
- 4.9 CSS Text Properties
- 4.10 CSS Box Model
Module 5 - Images and Links6 lessons
- 5.1 Images and Links
- 5.2 Image Elements
- 5.3 Images with Hyperlinks
- 5.4 Open Links in New Tab
- 5.5 Telephone and Email Links
- 5.6 Validate and Debug
Module 6 - Responsive Design4 lessons
- 6.1 Responsive Design
- 6.2 Fixed Layouts
- 6.3 Viewport Meta Element
- 6.4 Usefull CSS Styles
Module 7 - Media Queries4 lessons
- 7.1 More About Responsive Design
- 7.2 Global Changes
- 7.3 Mobile Devices
- 7.4 Manipulate Logo
Module 8 - Layouts9 lessons
- 8.1 Layouts
- 8.2 Tablets Part 1
- 8.3 Tablets Part 2
- 8.4 Styling Part 1
- 8.5 Styling Part 2
- 8.6 Styling Part 3
- 8.7 Styling Part 4
- 8.8 Styling Part 5
- 8.9 Styling Part 6
Module 9 - Tables2 lessons
- 9.1 Tables Part 1
- 9.2 Tables Part 2
Module 10 - Multimedia3 lessons
- 10.1 Multimedia
- 10.2 Multimedia Part 2
- 10.3 Multimedia Part 3
Module 11 - Forms and JavaScript3 lessons
- 11.1 Forms and JavaScript
- 11.2 jQuery
- 11.3 Styling Tables
Module 12 - The Web Server1 lessons
- 12.1 The Web Server
Module 13 - Programming and JavaScript6 lessons
- 13.1 Data Types
- 13.2 Global Methods
- 13.3 Variables
- 13.4 Conditional Statements
- 13.5 Loops
- 13.6 Operators
Module 14 - The Calculator7 lessons
- 14.1 Calculator Part 1
- 14.2 Calculator Part 2
- 14.3 Calculator Part 3
- 14.4 Calculator Part 4
- 14.5 Calculator Part 5
- 14.6 Calculator Part 6
- 14.7 Calculator Part 7
Your learning path
Where HTML5 & CSS3 Web Design Fundamentals with JavaScript fits. Build your skills one step at a time.
Frequently asked questions
Do I need any coding experience for this HTML5 and CSS3 course?
No. The course starts with how the web works and builds up step by step.
Does the course teach responsive design?
Yes. Two modules cover responsive design, the viewport tag and media queries so your pages work on phones and tablets.
How much JavaScript is covered?
You learn the basics, such as data types, variables, conditions, loops and operators, plus a little jQuery. You then use them to build a calculator.
Is there a practical project?
Yes. The final module walks you through building a working calculator in JavaScript.
How long is the course?
It runs for 12 hours across 63 videos and includes 248 test questions.
Do I get a certificate?
Yes. You get a StemBoss Certificate of Completion when you finish the course.
Can I get a refund?
Yes, within 14 days if you have completed less than 20% of the course. See our refund policy for details. Read the refund policy.
