facebook-pixel
$50.00
Certification

Industry recognized certification enables you to add this credential to your resume upon completion of all courses

Need Custom Training for Your Team?
Get Quote
Call Us

Toll Free (844) 397-3739

Inquire About This Course
Instructor
Mammoth Interactive, Instructor - Learn HTML, CSS, and JavaScript in 3 Hours

Mammoth Interactive

Make your next game, website, app or data science project with Mammoth Interactive! Over 400'000 students have enrolled in this online school since its founding in 2008. Targeting beginners, a Mammoth Interactive curriculum takes you step by step through a project from start to finish. Learn by doing in your next Mammoth Interactive course!

The Easiest Way to Learn How to Code for Web With an Experienced Teacher.

  • Learn the basics of programming.
  • Learn how to become a web developer.
  • Instructors helped launch careers of more than 400,000 students around the world.

Duration: 2h 44m

Course Description

Have you ever wanted to learn to code but don't know where to start? Learning how to code can get you a better job and lead to a better future. This course starts you off with the basic coding language of HTML. This is a condensed 3 hour tutorial that will show you how to code in HTML, CSS and JS. Enroll to begin your journey to be a web development master.

What am I going to get from this course?

  • Learn the basics of programming
  • Learn how to design websites
  • Learn how to become a web developer
  • Get to know a platform for further development

Prerequisites and Target Audience

What will students need to know or do before starting this course?

  • Have access to an Internet connection
  • An up to date web browser
  • We use Google Chrome
     

Who should take this course? Who should not?

  • Complete beginners
  • People who want to become web developers
  • People who want to learn about web development

Curriculum

Module 1: 1 Hour HTML

38:39
Lecture 1 Introduction
00:28

Welcome to HTML, which stands for Hypertext Markup Language. Let's get started!

Lecture 2 Requirements

To follow along with our examples, go to www.jsbin.com, which can run on a Mac, PC, or mobile device.

Lecture 3 What is JSBin?

This site is an editor that will allow you to see your creations in real time.

Lecture 4 Setting up the HTML Document
02:37

The first thing we need is to give our file a doc type.

Lecture 5 Header Tags and Paragraphs Tags
04:02

You make modifications to your code (and therefore, website) in between the body tags.

Lecture 6 Styles
03:28

To change the background colour of our website, you must give the body tag a style.

Lecture 7 Bold, Underline and Italic Tags
03:06

Ever wanted to bold, italicize, or underline the text on your site?

Lecture 8 Adding a Link
01:27

To insert a link to a webpage, use a link tag <a href>.

Lecture 9 Adding an Image
02:59

Let's practice inserting an image into your site.

Lecture 10 Adding Link to Image
01:51

How to have your image link to a webpage?

Lecture 11 Lists
04:00

Lists are often used to organize a website. Let’s create a horizontal list. Learn about types of lists!

Lecture 12 Tables
03:26

Let's make tables to organize web content.

Lecture 13 Types of Input
04:55

Let’s look at the various kinds of input tags.

Lecture 14 Adding a Submit Button
02:57

In this section, we will code a submit button.

Lecture 15 Scripts and Style Tags
03:23

Module 2: 1 Hour CSS

01:00:14
Lecture 16 Introduction
00:31

In this part, we will use CSS to change the appearance of a website.

Lecture 17 Requirements

What do you need for this section?

Lecture 18 HTML Styles Crash Course
04:43

We first need to understand the concept of tags in HTML.

Lecture 19 Adding Code to CSS
04:41

Let’s change the first paragraph to a headline.

Lecture 20 Adding IDs to CSS
05:12

Right now, we have one paragraph. But how do you differentiate multiple paragraphs that all have different styles?

Lecture 21 Classes in CSS
02:35

What are classes? Let's learn all about them! Suppose you want to have two paragraphs that are formatted in different ways. If you want to repeat their formats, you can use classes.

Lecture 22 Font Families
05:00

Font families work in different ways. There are general types of font families, and there are also specific fonts.

Lecture 23 Colors in CSS
05:41

Have you ever wanted to have your webpage contain different colors? Colors are crucial to the design of a website.

Lecture 24 Padding in CSS
03:02

Padding refers to the separations between items on a screen.

Lecture 25 Aligning and Transforming Text
03:11

You can align text in several places on the screen, such as right, center, left, and justify. Learn with examples!

Lecture 26 Margins and Width
05:29

Learn to style our paragraphs and headers in a way that will work on screens of differing sizes.

Lecture 27 Changing the Body
04:08

Did you know that you can modify the width of your entire website?

Lecture 28 Latin Text Generator
01:53

Learn how to add placeholder text to your design.

Lecture 29 Making a Horizontal Menu with HTML and CSS
07:50

If you're creating a website, you will probably need a menu bar so that users can navigate around your site.

Lecture 30 Adding a Background Image
04:01

Learn how to insert and change the appearance of a website's background image.

Lecture 31 Changing Margins in CSS
02:17

Module 3: 1 Hour JavaScript

01:05:02
Lecture 32 Introduction
00:31

Welcome to this section! JavaScript adds functionality to a website.

Lecture 33 Requirements

What do you need for this section?

Lecture 34 If Statements
04:44

An if statement runs code when a certain condition specified in parentheses passes.

Lecture 35 HTML, CSS and JS Crash Course
04:50

Get a review before jumping into JS!

Lecture 36 Making Functions
04:31
Lecture 37 Scaling Functions
04:24

When designing a website or app, your code will most likely have multiple functions. Therefore, you will often have to scale functions.

Lecture 38 Changing Text with JavaScript
04:46

Learn to make a button that will change certain text on your site.

Lecture 39 Variables
05:37

Variables are crucial to programming regardless of the language you're using. A variable is like a box into which you can put one piece of data, such as a number or character.

Lecture 40 Arrays
05:27

Learn how to use arrays to handle data.

Lecture 41 Objects
06:32

Objects as data types have different properties. When it comes to computer programming, we must take objects and input them into computers.

Lecture 42 Variable Scope
05:00

Learn how to set the scope of a variable.

Lecture 43 Adding User Input Text
05:01

Learn how to process user interaction with your site. This is crucial

Lecture 44 Calling Functions
03:52

Learn how to call on functions to perform actions.

Lecture 45 Else If and Else Statements
04:02

Learn about these variations on conditional statements.

Lecture 46 Changing the Style with JavaScript
05:45

You can change the appearance of your site with JavaScript.

350