HTML CSS and JavaScript for Beginners - A Web Design Course [Video]

Preview Online

Code Files

HTML CSS and JavaScript for Beginners - A Web Design Course [Video]

Laurence Svekis

Monday, January 21, 2019

New Release!

Explore how to build amazing interactive and dynamic websites using HTML, CSS, JavaScript, and jQuery

Quick links: > Table of contents > What will you learn? > Preview

Packt Subscription

FREE

$9.99/m after trial

Video

$153.00

RRP $179.99

Save 14%

What do I get with a Packt subscription?

Exclusive monthly discount - no contract
Unlimited access to entire Packt library of 6500+ eBooks and Videos
120 new titles added every month, on new and emerging tech

What do I get with an eBook?

Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the subscription reader

What do I get with Print & eBook?

Get a paperback copy of the book delivered to you
Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the subscription reader

What do I get with a Video?

Download this Video course in MP4 format
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the subscription reader

$0.00

$153.00

$0 p/m after trial

RRP $179.99

Subscription

Video

Start a FREE 10-day trial

Frequently bought together

HTML CSS and JavaScript for Beginners - A Web Design Course [Video]

$ 179.99

$ 153.00

HTML CSS and JavaScript for Beginners - A Web Design Course [Video]

Jan 2019

13 hours 35 minutes

$ 153.00

A Front-End Web Developer MasterClass Using HTML, CSS, and JavaScript [Video]

$ 182.99

$ 155.55

A Front-End Web Developer MasterClass Using HTML, CSS, and JavaScript [Video]

Sep 2018

17 hours 1 minute

$ 155.55

Buy 2 for $308.55
Save $54.43

Add to Cart

Video Details

ISBN 13 9781838551278

Course Length 13 hours 35 minutes

Introduction to web development and web design

Introduction to web development

How to use this course

Learn HTML Course Section

Try it make index page

Element Formatting HTML

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 it 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

CSS Section

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 CSS

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

Learn JavaScript section

Welcome to JavaScript

JavaScript Variables in Action

JavaScript Try it Exercise #1

Operators and assignments

JavaScript Functions

JavaScript Exercise #2 Function

Closer 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 DOM

Eventlisteners JavaScript

JavaScript Exercise #4 Event Checker Exercise

JavaScript Document Object Model DOM

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

JavaScript JSON and AJAX

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

Learn jQuery

jQuery Introduction to 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

Video 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'll 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 .

The code files for this course are available at: https://github.com/PacktPublishing/HTML-CSS-and-JavaScript-for-Beginners---A-Web-Design-Course

Style and Approach

This course offers step-by-step learning and includes everything you need to get started and learn all the fundamental core concepts of web design and web development. All resources and source code are provided.

Video Preview

What You Will Learn

Create websites using HTML and CSS
Create interactive content online using JavaScript
How to build real world creative and modern websites
Coding, tips, resources, and best practices to build a professional website
Using HTML5, CSS3, JQuery, and JavaScript
Complete source code for the final product.

Authors

Laurence Svekis

Laurence Svekis is an instructor. He has 18+ years' work experience in web development, providing smart digital solutions online for both small and enterprise level businesses. An experienced web application developer, he has worked on multiple enterprise-level applications, hundreds of websites and business solutions, and many unique and innovative web applications. His web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP, and MySQL—in short, anything to do with web creation and digital experience. He is passionate about everything to do with web application development and programming to online marketing with a strong focus on social media and SEO.

Introduction to web development and web design

Introduction to web development

How to use this course

Learn HTML Course Section

Try it make index page

Element Formatting HTML