Complete beginners introduction to web development
- 4.3
Brief Introduction
Learn web development basics.Description
Hello and welcome to this course.
This course is an introductory course to web development for absolute beginners.
The aim of the course is not take you from beginner to expert but to take you
from beginner to a point where you can you can decide if you want to explore more.
The three technologies every web developer must know are :
HTML : Used to create content
CSS: Used to present the content
JavaScript : Used to create interaction
They are the building blocks of all websites and web based projects.
This course will teach you the basics of these three technologies
by creating a basic one page website project.
What You will learn
Introduction to basic HTML
- Creating a very basic website
- Planning a basic website
- Assembling files and folders
- What is HTML
- HTML document structure
- Anatomy of HTML element
- Marking up text
- Links
- Using comments
- HTML Attributes
Introduction to basic CSS
- What is CSS
- Ways to apply CSS
- CSS Ruleset
- CSS basic selectors
- Styling multiple elements
- CSS Box model
- Using margin and padding properties
- Changing background color
- CSS Display property
- CSS Font property
- Using google fonts
Introduction to basic JavaScript
- What is JavaScript
- Where to place JavaScript
- Variables
- Data Types
- Operators
- Operator precedence
- Using Conditionals
- Functions
- Events
- Using Linting tools
- Adding image changer
- Adding personalized message
By the end of this course you will be able to create a basic one page website and in the process acquire some basic but useful
web development skills.
Requirements
- Requirements
- You should be comfortable using a PC
- You should comfortable using the internet
Knowledge
- Build a very basic one page website
- Plan and design a basic website project
- Install and use text editor
- Create a basic HTML document structure
- Use comments in your code
- Learn basic HTML
- Learn basic CSS
- Learn basic JavaScript
- Learn to use linting tools
- Add image changer code to a website
- Add personalised greeting message to website
- Learn to use web browser console
- Access google fonts from your website