Web Developer Course HTML CSS JavaScript Learn Web Design

Guide to setting up a website learn about setting up a web business HTML CSS and JavaScript create your own website

Free tutorial

Created by Laurence Svekis

English

English [Auto]

Table of Contents

What you’ll learn

create websites
Apply HTML, CSS and JavaScript
understand how to create websites
website design
create their own websites

Requirements

Computer access
desire to learn

Description

Complete web developer course covering everything you need to know step by step to begin creating websites.
This course covers everything, included how the web works, learning HTML, CSS and JavaScript and much more.

Bonus FREE PDF Guide 80+ pages with source code and code examples. Learn HTML CSS and JavaScript

Start coding today build your own websites

Tools used for front end development

There are several tools available that can be used to develop the front end of a website, and

understanding which tools need are best fit for which task means the difference between a hacked

site and well designed and scalable site.[3]

HyperText Markup language (HTML)

HyperText Markup Language is the backbone of any website development process, without which a

web page doesn’t exist. It is the HTML code that provides an overall framework of how the site will

look. The latest version of HTML is called HTML5 which has new and efficient way of handling

elements such as video and audio files.

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) controls the presentation aspect of the site and allows your site to

have its own unique look. It does this by maintaining style sheets which sit on top of other style rules

and are triggered based on other inputs, such as device screen size and resolution.

JavaScript

JavaScript is an event-based imperative programming language (as opposed to HTML’s declarative

language model) that is used to transform a static HTML page into a dynamic interface. JavaScript

code can use the Document Object Model (DOM), provided by the HTML standard, to manipulate a

web page in response to events, like user input.

Using a technique called AJAX, JavaScript code can also actively retrieve content from the web

(independent of the original HTML page retrieval), and also react to server-side events as well,

adding a truly dynamic nature to the web page experience.

Goals for Front end development

The developer of the front end keeps these points in mind, utilizing available tools and techniques to

reach this end.

Course exercises, source code and links to top resources for web development!

We walk you through step by step with detailed explanations of code and more.

no wasted time watching someone type
practice with coding exercises
quick lessons get right to the point
fully covered topics with real world examples
source files downloadable to work along
challenges and lessons and code samples
code snippets
Links to top resources to save time
new course material added regularly
trusted name in education since 2002
full HD easy to read source coding
quick response support to students
regular discussions

Learn how to

How to create web pages with HTML and CSS

Create interactive web content with JavaScript

Basics of coding JavaScript

Bring your web pages to life with Code

Modern Responsive WebSites

Interactive and Dynamic Web Pages

Are you curious about creating websites, this course is the perfect place to start.

Learn all the core fundamentals of modern web design, covering all the commonly used syntax for HTML and CSS. This course is designed to get you started quickly and easily with creating web pages.

Course covers all the essentials so that you can begin quickly on your journey to create amazing looking websites. Add JavaScript to make your web pages come to life.

Covering 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 in all major modern web pages.

Explore how you can start coding quickly and focus on designing your webpages, loaded with source code and examples.

We teach you the latest techniques and tools to use in order to create amazing web content.

Everything you need to know is included in this course.

Learn at your own pace, lifetime access to this course.

We show you how to write HTML CSS and JavaScript code, easy to learn. Our tutorials are easy to follow and effective in teaching how to become a web developer.

Who this course is for:

Anyone interested in creating websites
Anyone who wants to learn more about web development
learn more about the internet
start and internet business
create content online

Show less

Course content

9 sections • 82 lectures • 5h 56m total lengthCollapse all sections

Front end Web developer introduction course5 lectures • 12min

Course introduction05:33
Course Resources03:55
Web development Resources PDF5 pages
What is Frontend web development02:46
Front end development1 page

Web Design Web developer Tools10 lectures • 35min

How to Choose an editor11:49
Code editors list – resources1 page
Web Design Tools for development07:39
Web dev Resources1 page
web designers client questions1 page
web design process questions for clients02:08
Domain registration and hosting04:55
Web Tools for web developers05:29
webmaster resources1 page
Website content trends02:52

Learning HTML12 lectures • 47min

Introduction to HTML setup environment03:13
HTML page structure03:08
Default HTML5 boilerplate1 page
HTML website Template1 page
Basics of HTML03:51
HTML list and Tables05:22
HTML images hyperlinks06:36
HTML common tags div span03:17
HTML add styling04:41
HTML form types and fields09:46
HTML5 structuring02:51
HTML bringing it all together as a template04:24

HTML practice Coding exercises7 lectures • 16min

Adding comment in HTML02:01
Add comments to an HTML page1 question
HTML add paragraphs02:30
Create an HTML paragraph element1 question
HTML list items ordered lists and underordered lists02:20
Create an unordered list1 question
HTML adding IDs to HTML elements02:12
Create an id for an HTML element1 question
Add inline style to HTML element02:11
Add a simple inline style to an element1 question
HTML adding titles02:18
Create a title1 question
HTML add style02:49
Add a style element1 question

Learning CSS15 lectures • 1hr 18min

What is CSS and how to you use it06:38
Create CSS code06:18
CSS template example external CSS4 pages
CSS selectors Divs Spans and colors07:44
CSS working with Text and wording07:08
CSS code examples3 pages
CSS Box model09:13
How the box model works2 pages
CSS management grouping nesting pseudo classes11:40
Working with Backgrounds05:38
CSS display property03:26
CSS Pseudo Elements1 page
Use CSS with HTML to create a web template08:01
CSS HTML web Template design explained11:53
Example CSS HTML template code8 pages

CSS practice Coding exercises3 lectures • 8min

CSS remove underline from hyperlinks02:46
Define a style to remove underlines from all hyperlinks1 question
CSS add padding02:19
Define a CSS style to set the padding for a specific class1 question
CSS nested elements selectors02:52
Create a style for a nested element1 question
Define a style to set the font color1 question

Web Design10 lectures • 37min

Web Design File structure05:01
Onsite SEO tips03:45
Mobile First thinking03:38
Mobile Resources1 page
Website structure diagram planning04:11
Web Diagram Navigation planning1 page
Web Design Process Tools11:52
Web Design Tools and Resources1 page
Web Design using Classes with CSS05:03
Web Design Tags CSS03:59

JavaScript18 lectures • 1hr 14min

Javascript introduction04:07
Javascript how to work with JavaScript09:29
Javascript and HTML user interaction05:38
Javascript code declaring variables05:44
Declare a variable and assign it a string value1 question
Javascript code working with functions09:52
Javascript code functions return calculations06:08
JavaScript Functions Source Code2 pages
Create a simple function which accepts multiple parameters and returns a computed value1 question
Javascript code conditional statements09:32
JavaScript Conditions Notes1 page
JavaScript Conditions Source Code1 page
Javascript code switch statements04:32
Complex conditions using if… else if1 question
JavaScript switches1 page
Javascript code calculations and ternary07:54
JavaScript calculations2 pages
Javascript code Loops05:01
JavaScript loops source code1 page
For loop1 question
Javascript code Objects Arrays05:46
Source Code Arrays and Object Examples00:21