Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Home > Web Development > Web Design > HTML CSS and JavaScript for Beginners - A Web Design Course [Video]
HTML CSS and JavaScript for Beginners - A Web Design Course [Video]
HTML CSS and JavaScript for Beginners - A Web Design Course [Video]

HTML CSS and JavaScript for Beginners - A Web Design Course: Build amazing interactive and dynamic websites using HTML, CSS, JavaScript, and jQuery

Profile Icon Laurence Svekis
By Laurence Svekis
€134.99
Video Jan 2019 14 hours 43 minutes 1st Edition
Video
€134.99
Subscription
Free Trial
Renews at €18.99p/m
Profile Icon Laurence Svekis
By Laurence Svekis
€134.99
Video Jan 2019 14 hours 43 minutes 1st Edition
Video
€134.99
Subscription
Free Trial
Renews at €18.99p/m
Video
€134.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Table of content icon View table of contents Download code icon Download Code

Key benefits

  • Learn how to build interactive and dynamic websites using HTML, CSS, JavaScript, and jQuery
  • Learn how to create interactive content online using JavaScript
  • Learn how to iterate through all the JSON data objects and output them into your HTML page

Description

This course starts from scratch, teaches you how to create websites, and covers everything from the basic syntax (all the common tags used to develop web content and how and where you can write HTML) top resources and links included. You will learn about HTML structure within web pages; explore HTML5 semantic elements; build your own HTML template; create HTML lists, hyperlinks, and add images; build tables for even more HTML structure; create forms with in-depth form examples and HTML tag explanations; add iframes and more cool HTML elements; create your own mini-HTML site using only HTML; and everything you want to know about CSS, JavaScript, JavaScript Document Object Model (DOM), JSON, AJAX, and jQuery. By the end of this course, you will be able to build amazing interactive and dynamic websites using HTML, CSS, JavaScript, and jQuery. The code files for this course are available at https://github.com/PacktPublishing/HTML-CSS-and-JavaScript-for-Beginners---A-Web-Design-Course.

What you will learn

  • Create websites using HTML and CSS
  • Create interactive content online using JavaScript
  • Build a real-world creative and modern website
  • Coding tips and resources for best practices to build a professional website
  • Learn JavaScript Document Object Model (DOM)
  • Learn to implement JSON, AJAX, and jQuery in a website

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Jan 21, 2019
Length 14 hours 43 minutes
Edition : 1st Edition
Language : English
ISBN-13 : 9781838551278
Category :
Web Development
Languages :
JavaScript (Beginner)
Concepts :
Web Design

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want

Product Details

Publication date : Jan 21, 2019
Length 14 hours 43 minutes
Edition : 1st Edition
Language : English
ISBN-13 : 9781838551278
Category :
Web Development
Languages :
JavaScript (Beginner)
Concepts :
Web Design

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
START FREE TRIAL
BUY NOW
€189.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW
€264.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW

Frequently bought together

Python Programming for Beginners - Learn in 100 Easy Steps
Python Programming for Beginners - Learn in 100 Easy Steps
Read more
Jan 2019 11h 33m
video Video
€26.99
HTML CSS and JavaScript for Beginners - A Web Design Course
HTML CSS and JavaScript for Beginners - A Web Design Course
Read more
Jan 2019 14h 43m
video Video
€134.99
A Front-End Web Developer MasterClass Using HTML, CSS, and JavaScript
A Front-End Web Developer MasterClass Using HTML, CSS, and JavaScript
Read more
Sep 2018 17h 1m
video Video
€26.99
Stars icon
Total € 188.97
Python Programming for Beginners - Learn in 100 Easy Steps
€26.99
HTML CSS and JavaScript for Beginners - A Web Design Course
€134.99
A Front-End Web Developer MasterClass Using HTML, CSS, and JavaScript
€26.99
=
Book stack Total € 188.97 Stars icon

Table of Contents

8 Chapters
1. Introduction to Web Development and Web Design Chevron down icon Chevron up icon
Introduction to Web Development
How to Use This Course
2. Learn HTML Course Section Chevron down icon Chevron up icon
Introduction to HTML
Getting to Know HTML
What is an Element
HTML Page Structure
HTML Metadata
HTML Doctype
Try to Make Index Page
Element Formatting HTML
HTML Headings
Self-Closing Tags
HTML Exercise #2
HTML Comments
Preformatted Text
HTML Entities
HTML Text Formatting
More HTML Text Formatting
Practice Text Formatting
Divs and Spans to Organize Content
HTML5 Semantic Elements
Exercise 3: HTML5 Semantic Elements
Placeholder Content
Hyperlinks Anchor Tag
Try to Build a Page
Adding Images to Your Page
Exercise 4: Images
HTML Lists
Exercise 5: Adding Lists
Exercise 6: Rebuild the First Website
Exercise 7: Nested Lists
HTML Tables
HTML Tables with Style
HTML Forms
Create a Contact Form
HTML Form Options
Form Submission
More Input Types HTML5
More with HTML5 Forms
HTML Form Fieldset
Exercise 9: Form Practice
HTML iframes
Exercise #10: Build a Site
3. CSS Section Chevron down icon Chevron up icon
Introduction to CSS.
What is CSS
Basics of CSS
CSS Inline Style
CSS Style Tag Styling
Creating and Using CSS File
CSS Selection and Classes
CSS Colors.
CSS Background Property
CSS Display Property
CSS for List Items
CSS Exercise #1: Style a Simple Website
Measures and Properties of CSS
CSS Divs and Spans
Styling Text CSS
CSS Font Family
Google Fonts CSS
CSS Exercise #2
CSS Floats Images
CSS Float Elements
CSS Box Model
Exercise 3: CSS
Exercise 3: Solution
CSS Outline
CSS Position
Exercise #4: Image Grid
CSS Fun with Hyperlinks
CSS Pseudo Classes
CSS and Tables
CSS Overflow and MaxWidth
CSS Element Alignments
Website Project Part 1
Website Project Part 2
Website Project Part 3
4. Learn JavaScript Section Chevron down icon Chevron up icon
Welcome to JavaScript
Write JavaScript
Update HTML Element
JavaScript Code
JavaScript Variables
JavaScript Variables in Action
JavaScript Try it, Exercise #1
Operators and Assignments
JavaScript Functions
JavaScript Exercise #2: Function
r Look at Functions
JavaScript Objects
JavaScript #3 Exercise: 3 Objects
JavaScript Arrays
Array Methods
Condition Statements JavaScript
Combine with Functions
JavaScript Switch
JavaScript Loops
JavaScript String Methods
ES6 JavaScript
Document Object Model
Eventlisteners JavaScript
JavaScript Exercise #4: Event Checker Exercise
5. JavaScript Document Object Model Chevron down icon Chevron up icon
Introduction to JavaScript DOM
What is the DOM
JavaScript DOM Manipulation
JavaScript DOM Selection
Element Text Manipulation
Change Classes DOM
Change Styles DOM
Element Attribute Manipulation
Interactive DOM Events
Select Multiple Elements
KeyPress Events.
JavaScript Mouse Events
JavaScript DOM Create Your Own Elements
Event listeners to New elements
Create Dynamic List
List Project Exercise Input: Add New Element
Project Bonus: Adding Object Value
6. JavaScript JSON and AJAX Chevron down icon Chevron up icon
Introduction to JSON
What is JSON
JSON as Data
Solution Create JSON
JSON Details
Solution: Output JSON to HTML
JavaScript Arrays of Objects
JavaScript Solution Array Objects
JavaScript Loop Object Data
Solution Loop Object Data
JavaScript Add to Object
JavaScript JSON methods
Local Storage Values
Solution: Local Storage
JavaScript Fetch
Solution: JavaScript Fetch.
Catching Errors Shorthand
JSON with Multiple Items
Solution forEach JSON
JSON Conclusion
7. Learn jQuery Chevron down icon Chevron up icon
jQuery Introduction to the Section
Why jQuery and What is it
Selecting with jQuery
jQuery Fun with Styling
jQuery Content
jQuery Attributes
Image and Form Attributes
jQuery Click Events
Document Ready Event Listener
jQuery Mouse Events
Keyboard Events jQuery
jQuery on Event listener
jQuery Effects Hide Show
jQuery Fade Effect
jQuery Slide Effect
jQuery Animate Effect
jQuery AJAX
Load and CORS error
AJAX and Form Data
Multiple Items in Response Output
Select Element
Course jQuery Exercise
8. Web Design and Development: Questions, Answers, and Code Snippets Chevron down icon Chevron up icon
JavaScript PopUp Modal
Box Model and Border Box Sizing Example
How to Select Dynamic Elements from the Page Using QuerySelectorAll
Add Page Elements Dynamically to DOM add Event Listeners, All Matching Elements.

Recommendations for you

Left arrow icon
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4
ebook
eBook
  • ebook eBook €20.99
  • print Print €37.99
€20.99 €30.99
€37.99
Building Production-Grade Web Applications with Supabase
Building Production-Grade Web Applications with Supabase
Read more
Aug 2024 534 pages
ebook
eBook
  • ebook eBook €20.98
  • print Print €37.99
€20.98 €29.99
€37.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023 828 pages
Full star icon 4.5
ebook
eBook
  • ebook eBook €20.98
  • print Print €37.99
€20.98 €29.99
€37.99
Django 5 By Example
Django 5 By Example
Read more
Apr 2024 820 pages
Full star icon 3
ebook
eBook
  • ebook eBook €20.98
  • print Print €27.99
€20.98 €29.99
€27.99 €37.99
Vue.js 3 for Beginners
Vue.js 3 for Beginners
Read more
Sep 2024 302 pages
ebook
eBook
  • ebook eBook €15.99
  • print Print €27.99
€15.99 €22.99
€27.99
FastAPI Cookbook
FastAPI Cookbook
Read more
Aug 2024 358 pages
ebook
eBook
  • ebook eBook €17.99
  • print Print €24.99
€17.99 €26.99
€24.99 €33.99
Software Architecture with C# 12 and .NET 8
Software Architecture with C# 12 and .NET 8
Read more
Feb 2024 756 pages
Full star icon 3.5
ebook
eBook
  • ebook eBook €20.98
  • print Print €37.99
€20.98 €29.99
€37.99
Effective Angular
Effective Angular
Read more
Aug 2024 400 pages
ebook
eBook
  • ebook eBook €17.99
  • print Print €33.99
€17.99 €26.99
€33.99
Web Development with Blazor
Web Development with Blazor
Read more
Apr 2024 366 pages
Full star icon 5
ebook
eBook
  • ebook eBook €20.98
  • print Print €37.99
€20.98 €29.99
€37.99
React and React Native
React and React Native
Read more
Apr 2024 508 pages
Full star icon 5
ebook
eBook
  • ebook eBook €17.99
  • print Print €32.99
€17.99 €26.99
€32.99
Right arrow icon

People who bought this also bought

Left arrow icon
HTML CSS and JavaScript for Beginners - A Web Design Course
HTML CSS and JavaScript for Beginners - A Web Design Course
Read more
Jan 2019 14h 43m
video Video
€134.99
Django 4 By Example
Django 4 By Example
Read more
Aug 2022 766 pages
Full star icon 4.5
ebook
eBook
  • ebook eBook €20.98
  • print Print €37.99
€20.98 €29.99
€37.99
Solutions Architect's Handbook
Solutions Architect's Handbook
Read more
Jan 2022 590 pages
Full star icon 4
ebook
eBook
  • ebook eBook €36.99
  • print Print €67.99
  • audiobook Audiobook €48.99
€36.99 €53.99
€67.99
€48.99
Git for Programmers
Git for Programmers
Read more
Jun 2021 264 pages
ebook
eBook
  • ebook eBook €22.99
  • print Print €41.99
€22.99 €32.99
€41.99
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2022 818 pages
ebook
eBook
  • ebook eBook €20.98
  • print Print €37.99
€20.98 €29.99
€37.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4
ebook
eBook
  • ebook eBook €20.99
  • print Print €37.99
€20.99 €30.99
€37.99
Right arrow icon

About the author

Profile icon Laurence Svekis
Laurence Svekis
LinkedIn icon Github icon
Laurence Svekis is an experienced web application developer. He has worked on multiple enterprise-level applications, hundreds of websites, business solutions, and many unique and innovative web applications. He has expertise in HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL and is also passionate about web technologies, web application development, programming, and online marketing with a strong focus on social media and SEO. He is always willing to help his students experience what technology has to offer and looks forward to sharing his knowledge and experiences with the world.
Read more
See other products by Laurence Svekis
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing? Chevron down icon Chevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file? Chevron down icon Chevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package? Chevron down icon Chevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package? Chevron down icon Chevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.