Udemy

Platform

English

Language

Web Development

Category

Responsive Web Design For Beginners: HTML, CSS & Javascript

Learn HTML5 CSS3 & Javascript from scratch and launch a career as a web designer

4.69 (8 reviews)

Students

12 hours

Content

May 2021

Last Update
Regular Price

EXCLUSIVE OFFER
Exclusive  Offer
Unlimited access to 30 000 Premium SkillShare courses
30-DAY FREE TRIAL

What you will learn

Create any website layout you can imagine

Support any device size with Responsive (mobile-friendly) Design

Learn how to work with responsive images and icons

Learn how to create forms

Learn how to use responsive grid system and typography


Description

Web designing is an art and not just coding.

You need a computer science degree and a great mathematical knowledge to code websites

These are myths we hear everyday about web designing.

What do you really need to learn web designing ?

  1. A computer

  2. Internet connection

  3. to be interested in web designing

This course will take you from no prior knowledge to the first completely professional and responsive that looks great on phones, tablets, laptops, and desktops alike. website from scratch. You don't need any prior knowledge to enroll in this course.

Why this course instead of other web designing courses?

  1. The only course on Udemy that will give you CSS Files that you can use their classes to add responsive grid, typography and Flexbox

  2. Downloadable source code for all of the videos and projects

  3. The support to build amazing websites

  4. Tips to build amazing websites

  5. How to draw a basic web design

  6. We will know how to deal with responsive images

  7. How to use JavaScript to change all the styles of the page

  8. We will also know how to publish a website on a server.

  9. Build a completely responsive website for web business that will teach you the most important CSS properties that any web designer should know to start his professional career

  10. How to choose the best fonts and colors for the website


Screenshots

Responsive Web Design For Beginners: HTML, CSS & Javascript
Responsive Web Design For Beginners: HTML, CSS & Javascript
Responsive Web Design For Beginners: HTML, CSS & Javascript
Responsive Web Design For Beginners: HTML, CSS & Javascript

Content

Introduction

Introduction

Downloading a code editor

Downloading visual studio code

HTML5

How to use HTML5

Headers and paragraphs | How to use headers and paragraph tags in HTML 5

How to add links, emails and images in HTML5

How to add ordered and unordered lists in HTML5

Final Project

How to embed maps and youtube videos in HTML5

Forms

HTML5 Exercise

CSS3

How to use CSS3

How to use borders in CSS3

How to use div, class, id and span in CSS3

How to use background, linear gradient and text alignment in CSS3

How to use Clip path in CSS3

How to use hover and active in CSS3

How to use box shadow in CSS3

How to use margin and padding in CSS3

How to use positions in CSS3

How to use Transform property in CSS3

How to use Display property in CSS3

How to use display flex in CSS3

How to code a grid system in CSS3

How to use align items properties in CSS3

How to justify content in CSS3

Introduction to Responsive Design

How to code a responsive grid system in CSS3 Part 1

How to code a responsive grid system in CSS3 Part 2

Adding the container class

Preparing for the Project

The drawing

Inspiration

Drawing the home section

Drawing about and section

Drawing pricing and values

Drawing map and footer

WEB BUSINESS || CSS3 Final Project

Download Source Code for the project

Preparing the CSS File for the project

Adding home section

Making the home section responsive

Adding about section

Values section

Values section 2

Features 1

Features 2

Services

Pricing Section Part 1

Pricing Section Part 2

Blog section

Map section

Footer

JavaScript

How to use console log and alert in Javascript

How to use DOM HTML | How to change text in HTML5 with Javascript

How to add, remove and toggle classes in Javascript

How to add dynamic dates in Javascript

How to use if function in Javascript

Source code for the project

Adding the navbar

Adding JS for Navbar

Adding menu

Choice on load

Adding date and choosing the light mode

Dark Navbar and how to use for loop in Javascript

Dark mode 2

Dark mode 3

Final touch 1

Final touch 2

How to publish a website on a server

JavaScript last for loop

Study with me

Bootstrap 5 from scratch with 10 projects


Coupons

DateDiscountStatus
5/5/202195% OFFExpired

3988142

Udemy ID

4/17/2021

Course created date

5/5/2021

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram