Learn all the core fundamentals of modern web design, covering all the commonly used syntax for HTML and CSS.
About This Video
In Detail
JavaScript code runs your browser as your HTML page loads. Adding JavaScript to your code can improve the user …
Learn all the core fundamentals of modern web design, covering all the commonly used syntax for HTML and CSS.
About This Video
In Detail
JavaScript code runs your browser as your HTML page loads. Adding JavaScript to your code can improve the user experience of the web page. This course will cover the basics of getting started with JavaScript, HTML, and CSS and the code syntax to write JavaScript code. JavaScript is a set of instructions you can add to your code to let the browser know what to do next.
It covers the core concepts of JavaScript so that you can try the code and get familiar with what it does. Using JavaScript, you can access the HTML DOM in the browser, which allows you to interact and manipulate web page content. JavaScript creates the interactive and dynamic content seen today on all major modern web pages.
Learn what CSS is and how you can style your web pages with Cascading Style Sheets (CSS). HTML provides a structure for your webpage; CSS allows you to style your page. Design the page with your style, set up page layouts, add colors, fonts, and more. Present your webpages as you want them to look, independent of the HTML; you can make your web content look and style as you imagine it should.
You will also learn Document Object Model (DOM), which is a programming interface for HTML documents; that is, the logical structure of a page and how the page content can be accessed and manipulated.
By the end of the course, you can start coding quickly and focus on designing your interactive and dynamic web pages.
Audience
This course is for beginners in web design and for anyone who wants to learn more about coding or for anyone curious to learn HTML, CSS, and JavaScript. This course can also be taken by someone who wants to create interactive web pages and who wants a quick and effortless way to start coding.
Chapter 1 : Introduction to Modern Web Design and Development with HTML, CSS, and JavaScript
Promotional Video
Introduction to Getting Started with the Course and HTML Code
Getting Started with Web Design: Create Your Web Environment and Start Coding
How to Create Your First HTML Page HTML Coding Beginners
What is an HTML Element; How HTML Works with HTML Samples
Start with HTML Headings Common Tags HTML
Create HTML Self-Closing Tags and How They Work
Setting Element Attributes in HTML Code
How to Create Links HTML Hyperlinks HTML Links Anchor Tag
Adding Images to HTML Pages
HTML Lists Adding Content Lists with HTML Lists
What Are HTML Tables and How to Use Tables to Present Readable Content
HTML5 New Semantic Elements Meaning in the Element Tag Name
How to Create a Simple HTML Webpage
HTML Online Create a GitHub Page Create Your First Webpage on GitPages
Chapter 2 : Style Your Webpages with Cascading Style Sheets
Introduction to Getting Started with CSS
Adding Styling to Your HTML with CSS Code for Beginners
Styling Overview Get Styling with CSS
Colors Background and Font Color with CSS Update HTML Element Colors
What Is the CSS Box Model - Box Model Border Padding Margin
Text Options with CSS Code Setting Properties and Value to Transform Text
Adding Fonts and Font Styles to Your Webpage Elements with CSS
Link States Pseudo-Classes Setting Different States with CSS
How to Set Display Properties for Page Elements CSS Styling Code Examples Inline
CSS Position Static Relative Fixed Absolute Sticky Examples
CSS Float Setting Floats in CSS Setting Left Right and None Clearing Floats
More Useful CSS Properties such as z-index, outline, overflow, max-width, and More
CSS Combinators to Select Elements from Your HTML Page Options and Examples
Examples of Common CSS Pseudo Elements firstLetter firstLine After Adding Content
How to Create a Simple CSS Styled Website Responsive Website CSS Float
Creating a Responsive Website with CSS Flexbox Setup Three Column Design Site Example
How to Create a Fully Responsive Website with CSS Grid Modern Web Design CSS
Chapter 3 : Getting Started with JavaScript
Introduction to Coding JavaScript Making Pages Interactive
Getting Started with JavaScript Introduction to JavaScript Code with Examples
How to Set Up Your Live Server Local Web Design Setup for HTTP Local Pages
JavaScript Variables Let and Const and How to Assign Values to Declare Variables
What Are JavaScript Data Types and How to Set Datatypes Basic Data Types of Strings
JavaScript Objects and Arrays to Store Multiple Values in the Same Variable
Examples of Operators in JavaScript Code and How Operators Work
What JavaScript Functions Are and How to Pass Arguments into a Function and Return
JavaScript Conditions Applying Logic in Code in JavaScript Example
Adding Loops to Your JavaScript Code with Examples of Loop Methods
Chapter 4 : JavaScript and the DOM Document Object Model (DOM)
Introduction to JavaScript DOM with Coding Examples
Introduction to the DOM and the DOM Tree with JavaScript
Element Selection from Webpages with JavaScript Code Examples
JavaScript Element Manipulation DOM Select and Update Your Page Elements with Code
How to Set Styling Attributes with JavaScript Code - Update Webpage Elements
DOM and Form Elements Getting Values from Input Fields with JavaScript Code
DOM Element Event Listeners Create Interactive Webpages with JavaScript
How to Add Event Listeners to Your Webpage Elements with JavaScript Code
Setting Page Event Listener for DOM Content Loaded and keyup and keydown Events
How to Create Page Elements with JavaScript Code
Update Element Position and Move Page Elements with JavaScript Code
How to Add Animation to Your Webpage Elements Using JavaScript requestAnimation
Chapter 5 : How to Create a Modern Website from Scratch – Responsive Web Design
Promotional Video – Creating a Website from Scratch
Website from Scratch with Floats
Editor Setup and Code
HTML Structure Tags
Create an HTML Page
Use CSS to Design a Responsive NavBar for the Website
Add Google Fonts Select from Web Fonts CSS Web Design
How to Style Main Webpage Content Create Columns
How to Add Columns to Webpage Footer CSS Web Design Lesson
Add JavaScript for Navbar Functions