Web Development: Beginners Guide to Basics (HTML/CSS/JS)
0.0 (0 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5 students enrolled

Web Development: Beginners Guide to Basics (HTML/CSS/JS)

Let me teach you what you need to know to start your venture into web development. In-depth explanations from an expert.
New
0.0 (0 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5 students enrolled
Created by Alan Montgomery
Last updated 7/2020
English
English [Auto]
Current price: $72.99 Original price: $104.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Fundamentals of Web Development
  • HTML - Layout, Elements, Attributes
  • CSS - Structure, Properties, Styling with CSS
  • Javascript - Structure, Variables, Functions, Loops, Functionality with JS
  • Responsive CSS
  • Build a personal website / portfolio
Course content
Expand all 25 lectures 06:33:06
+ Introduction
2 lectures 04:27

After this lecture you will...

  • Know who I am

  • Know a little bit more about me

  • Be ready to be introduced to the course

Preview 01:24

After this lecture you will...

  • Know what the course main objective is

  • Have an idea and understanding about what we're going to learn

  • Download the resources that are needed as part of this course

Preview 03:03
+ IDE
2 lectures 05:55

After this lecture you will...

  • Know exactly what an IDE is and why it's important

What is an IDE?
01:50

After this lecture you will...

  • Have an IDE downloaded and be ready to start learning

  • https://www.sublimetext.com/3

Downloading your first IDE
04:05

A short quiz to test your knowledge on the IDE.

IDE Quiz
2 questions
+ Project Structure
2 lectures 08:57

After this lecture you will...

  • Know how to structure the folders within your project.

Folder Structure
05:17

After this lecture you will...

  • Know how to structure the files within your project.

File Structure
03:40

A short quiz on the Project Structure

Project Structure Quiz
3 questions
+ HTML
5 lectures 01:16:57

After this lecture you will...

  • Have a basic understanding of what HTML is.

Preview 01:56

After this lecture you will...

  • Know the basic structure of an HTML document.

HTML Structure
10:50

After this lecture you will...

  • Have an understanding of some of the basic HTML elements there are available and how to use them.

HTML Elements
20:29

After this lecture you will...

  • Have an understanding of some of the more advanced HTML elements there are available and how to use them.

  • This will include some HTML5 elements.

More advanced HTML Elements
26:33

After this lecture you will...

  • Have an understanding of some of the HTML attributes there are, what they are for and some examples of what they do.

HTML Attributes
17:09

A short quiz on HTML

HTML Quiz
5 questions
+ CSS
5 lectures 01:34:22

After this lecture you will...

  • Have a basic understanding of what CSS is.

Preview 04:29

After this lecture you will...

  • Know the basic structure of a CSS document and how to write CSS.

CSS Structure
17:42

After this lecture you will...

  • Understand some of the basic CSS properties they are and how to style HTML elements using them.

CSS Properties
21:59

After this lecture you will...

  • Understand some of the more advanced CSS properties they are and how to style HTML elements using them.

More advanced CSS Properties
31:22

After this lecture you will...

  • Understand how to use CSS variables to store values and reduce code duplication.

  • Understand how to style grouped elements, referencing elements within an element.

CSS Variables & ways to style
18:50

A short quiz on CSS

CSS Quiz
5 questions
+ Javascript (JS)
5 lectures 02:00:07

After this lecture you will...

  • Have a basic understanding of what Javascript (JS) is.

Preview 03:00

After this lecture you will...

  • Know the basic structure of Javascript (JS).

  • Where and how to write Javascript

  • How to debug Javascript

  • How to print out values and data using Javascript

  • How to declare variables and assign values in Javascript

  • How to use Arrays

  • How to use If statements

  • How to use For loops

  • What the document keyword means in Javascript

Javascript (JS) Structure (Variables, Arrays, Ifs, Loops)
39:53

After this lecture you will...

  • Understand some of the basic Javascript (JS) functionality and how to use it.

  • How to get HTML elements in Javascript

  • Performing maths in Javascript

  • Setting content inline with Javascript

Javascript (JS) Functionality
26:04

After this lecture you will...

  • Understand how to write Javascript (JS) functions and call them to manipulate data.

  • Know how to write functions in different ways.

  • Know about the scope of variables inside functions.

  • Know how to use the return keyword inside functions.

Javascript (JS) Functions
22:41

After this lecture you will...

  • Understand some more Javascript functionality.

  • Combine the Javascript functionality with functions.

  • Know how to create a simple calculator.

More advanced Javascript (JS) Functionality
28:29

A short quiz on Javascript

Javascript Quiz
4 questions
+ BONUS
2 lectures 01:18:25

After this lecture you will...

  • Know what responsive layout design is.

  • Know how to code and use responsive flex CSS

Responsive Layout Design (With Flex CSS)
32:54

After this lecture you will...

  • Have developed and built your own website which you can use as your personal website or portfolio.

Links mentioned in the video

1. Bulma CSS

Documentation: https://bulma.io/

Import link: https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.0/css/bulma.min.css


2. Font Awesome

Documentation and icons: https://fontawesome.com/icons?d=gallery&m=free

Import link: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js


3. Undraw illustrations

Link: https://undraw.co/illustrations

Building a personal website / portfolio
45:31
+ Summary
2 lectures 03:56

In this lecture we will...

  • Go over everything we covered in the HTML lectures.

Summary
02:27

A huge thank you for taking this course and I hope you've learned something and you now understand the basics of web development and could apply these skills in the real world!


Please contact me with any queries or questions you may have

FB: TheTechTeacher


Keep practicing as practice makes perfect.

Thanks and Certificate of Completion
01:29
Requirements
  • Be computer literate
  • Eager to learn
Description

In this course you will learn a range of things;

  • HTML Structure, Elements, Attributes

  • CSS Structure, Properties

  • Javascript (JS) Structure, Functions

  • Responsive CSS design with flex

  • Building a personal website / portfolio from scratch

Each section will come with a slightly more advancement on beginner basics as well (but manageable) to give you that edge. There will also be coding exercises provided for each topic covered.

At the end of the course, you're guaranteed to be able to create a styled web page using HTML & CSS and have interactive functionality using Javascript (JS) to manipulate data and elements.

Who this course is for:
  • Beginners eager to learn about web development
  • Novices wishing to refresh their knowledge