Front-End Web Development with Modern HTML, CSS, and JavaScript

Focused View

Laurence Svekis

9:51:10

232 View

00001 Promotional Video.mp4

01:05

00002 Introduction to Getting Started with the Course and HTML Code.mp4

02:01

00003 Getting Started with Web Design - Create Your Web Environment and Start Coding.mp4

08:56

00004 How to Create Your First HTML Page HTML Coding Beginners.mp4

11:22

00005 What is an HTML Element How HTML Works with HTML Samples.mp4

08:32

00006 Start with HTML Headings Common Tags HTML.mp4

07:59

00007 Create HTML Self-Closing Tags and How They Work.mp4

02:24

00008 Setting Element Attributes in HTML Code.mp4

07:04

00009 How to Create Links HTML Hyperlinks HTML Links Anchor Tag.mp4

09:25

00010 Adding Images to HTML Pages.mp4

04:17

00011 HTML Lists Adding Content Lists with HTML Lists.mp4

05:27

00012 What Are HTML Tables and How to Use Tables to Present Readable Content.mp4

07:40

00013 HTML5 New Semantic Elements Meaning in the Element Tag Name.mp4

06:03

00014 How to Create a Simple HTML Webpage.mp4

13:52

00015 HTML Online Create a GitHub Page Create Your First Webpage on GitPages.mp4

04:53

00016 Introduction to Getting Started with CSS.mp4

01:20

00017 Adding Styling to Your HTML with CSS Code for Beginners.mp4

17:29

00018 Styling Overview Get Styling with CSS.mp4

08:15

00019 Colors Background and Font Color with CSS Update HTML Element Colors.mp4

12:46

00020 What Is the CSS Box Model - Box Model Border Padding Margin.mp4

14:08

00021 Text Options with CSS Code Setting Properties and Value to Transform Text.mp4

12:11

00022 Adding Fonts and Font Styles to Your Webpage Elements with CSS.mp4

14:33

00023 Link States Pseudo-Classes Setting Different States with CSS.mp4

09:24

00024 How to Set Display Properties for Page Elements CSS Styling Code Examples Inline.mp4

07:28

00025 CSS Position Static Relative Fixed Absolute Sticky Examples.mp4

07:40

00026 CSS Float Setting Floats in CSS Setting Left Right and None Clearing Floats.mp4

06:35

00027 More Useful CSS Properties such as z-index outline overflow max-width and More.mp4

08:05

00028 CSS Combinators to Select Elements from Your HTML Page Options and Examples.mp4

07:53

00029 Examples of Common CSS Pseudo Elements firstLetter firstLine After Adding Content.mp4

04:14

00030 How to Create a Simple CSS Styled Website Responsive Website CSS Float.mp4

11:45

00031 Creating a Responsive Website with CSS Flexbox Setup Three Column Design Site Example.mp4

12:24

00032 How to Create a Fully Responsive Website with CSS Grid Modern Web Design CSS.mp4

09:02

00033 Introduction to Coding JavaScript Making Pages Interactive.mp4

01:51

00034 Getting Started with JavaScript Introduction to JavaScript Code with Examples.mp4

10:43

00035 How to Set Up Your Live Server Local Web Design Setup for HTTP Local Pages.mp4

04:17

00036 JavaScript Variables Let and Const and How to Assign Values to Declare Variables.mp4

12:07

00037 What Are JavaScript Data Types and How to Set Datatypes Basic Data Types of Strings.mp4

08:50

00038 JavaScript Objects and Arrays to Store Multiple Values in the Same Variable.mp4

14:37

00039 Examples of Operators in JavaScript Code and How Operators Work.mp4

10:05

00040 What JavaScript Functions Are and How to Pass Arguments into a Function and Return.mp4

16:02

00041 JavaScript Conditions Applying Logic in Code in JavaScript Example.mp4

08:52

00042 Adding Loops to Your JavaScript Code with Examples of Loop Methods.mp4

15:21

00043 Introduction to JavaScript DOM with Coding Examples.mp4

01:53

00044 Introduction to the DOM and the DOM Tree with JavaScript.mp4

10:59

00045 Element Selection from Webpages with JavaScript Code Examples.mp4

16:08

00046 JavaScript Element Manipulation DOM Select and Update Your Page Elements with Code.mp4

11:31

00047 How to Set Styling Attributes with JavaScript Code - Update Webpage Elements.mp4

17:18

00048 DOM and Form Elements Getting Values from Input Fields with JavaScript Code.mp4

05:37

00049 DOM Element Event Listeners Create Interactive Webpages with JavaScript.mp4

18:02

00050 How to Add Event Listeners to Your Webpage Elements with JavaScript Code.mp4

16:23

00051 Setting Page Event Listener for DOM Content Loaded and keyup and keydown Events.mp4

09:54

00052 How to Create Page Elements with JavaScript Code.mp4

13:33

00053 Update Element Position and Move Page Elements with JavaScript Code.mp4

07:19

00054 How to Add Animation to Your Webpage Elements Using JavaScript requestAnimation.mp4

16:53

00055 Promotional Video Creating a Website from Scratch.mp4

01:48

00056 Website from Scratch with Floats.mp4

01:40

00057 Editor Setup and Code.mp4

07:22

00058 HTML Structure Tags.mp4

16:03

00059 Create an HTML Page.mp4

08:19

00060 Use CSS to Design a Responsive NavBar for the Website.mp4

11:37

00061 Add Google Fonts Select from Web Fonts CSS Web Design.mp4

08:27

00062 How to Style Main Webpage Content Create Columns.mp4

06:46

00063 How to Add Columns to Webpage Footer CSS Web Design Lesson.mp4

07:11

00064 Add JavaScript for Navbar Functions.mp4

07:30

Front-End-Web-Development-with-Modern-HTML-CSS-and-JavaScript-main.zip

Description

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.

All resources and code files are placed here: https://github.com/PacktPublishing/Front-End-Web-Development-with-Modern-HTML-CSS-and-JavaScript

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Web Development

JavaScript

CSS

HTML

Laurence Svekis

Instructor's Courses

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.

PacktPub

View courses PacktPub

Packt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.