Contemporary Web Design
Learn how to create great websites that look good on computers, tablets, phones, and other devices
Course Objectives / Goals
HTML5
You will learn how to create visual components/elements of a website such as navigation, links, images, video display, banners, buttons, input boxes, checkboxes, etc.
CSS 3
CSS is a language used todescribe how HTML elements should be styled and displayed. You will learn how to use CSS to add style, animations, transitions, etc to your web documents
Responsive Design
You will learn Responsive design, the discipline of creating websites which behave well and look good on different devices (computers, tablets, phones, TVs, etc)
Bootstrap
Bootstrap by Twitter is a popular responsive design frameworks meant to simplify and speed up the processes involved in developing responsive websites.
Basic Git Usage
Git helps developers to manage changes to their source code over time. It can be used to keep track of every modification to the code; and if a mistake is made, developers can turn back the clock and fix it while minimizing disruption to all team members.
PHP Contact Form Processor
This course will give you access to our form processor which you can use to process contact forms on your website
Codeng School T-Shirt
You will get a free T-shirt with yourcertificate when you complete the course. It's our little way of saying congrats
Requirements
A Computer
Internet if you don't have the offline kit
Desire to learn
This is the course for you if you want to start your career as a web developer. It doesn't matter whether you are a total noob (newbie/beginner) or you have some programming background, this course will equip you with the skill to create great websites.
We will be building a website bit-by-bit by practicing what we learn. You will also build and host a website at the end of this course as a project. This course is beginner friendly, you don't need to have any programming knowledge or experience
Promotional price is for first 200 buyers
Course Outline
Introduction & Setup
0.0 Effective learning
3 min
0.2 Intro to web development
9 min
0.3 Setup
16 min
0.5 Using visual studio code
8 min
0.1 The Course Structure
4 min
HTML Basics
1.1 Introl to HTML
10 min
1.2 Basic HTML
14 min
1.3 Headings & Paragraphs
17 min
1.4 Lists
14 min
1.6 File Paths
32 min
1.5 Links & Images
29 min
CSS Intro
2.1 Intro to CSS
23 min
2.2 Basic Selectors & Properties
19 min
2.3 Color Formats
18 min
2.4 CSS Units
16 min
2.5 Box Model
45 min
2.6 CSS Background
32 min
2.7 Positioning & Alignment
59 min
2.8 Catching Up
35 min
Deeper into HTML
3.3 Checkbox & Radio
11 min
3.4 File Upload
10 min
3.5 Forms Bonus
11 min
3.8 Audio & Video
18 min
3.9 Text Formating
10 min
3.1 Form Input
34 min
3.2 Buttons
19 min
3.7 Tables
37 min
3.6 Maps & Iframes
8 min
Deeper into CSS
4.1 Styling text
1 hour(s)
4.2 Styling List
16 min
4.3 Advanced CSS Selectors
50 min
4.4 Fonts & Icon-fonts
27 min
4.5 Display & Visibility
25 min
4.6 Dropdown List
15 min
4.7.2 Bonus 2
38 min
4.7.4 Bonus 4
19 min
4.7.1 Bonus Catching Up
24 min
Git Basics
5.1 Git Intro
21 min
5.2 Git Terms
10 min
5.3 Basic Git Commands
54 min
HTML Conclusion
6.1 Other Head Tags
11 min
6.2 Entities & Symbols
7 min
6.3 Languages & !Doctypes
7 min
Advanced CSS
7.1 CSS Shadows
16 min
7.2 Transitions
28 min
7.3 Gradients
30 min
7.4 2D Transformations
17 min
7.5 3D Transformations
45 min
7.6 Animations
19 min
7.7 Responsive Web Design
57 min
7.8 Media Queries
13 min
Bootstrap 4
8.1 Setup bootstrap
12 min
8.2.1 BS Grid 1
26 min
8.2.2 BS Grid Practice
38 min
8.2.3 BS Grid 2
29 min
8.3 BS Utilities
30 min
8.4 BS Navbar
37 min
8.5 BS Scrollspy
9 min
8.6 Modals
38 min
8.7 BS Form buttons
35 min
8.8 Other BS Components
15 min
8.9 BS Tips
8 min
8.10 Finishing Up
29 min
Conclusion
9.1 The web design process
18 min
9.2 Web Frameworks
35 min
9.6 What's Next
4 min
9.3 Form Processor
17 min
9.4 Themes & Templates
3 min
9.5 Web & Domain hosting
5 min