CSS Basics for Beginners & Non-Coders - With Exercises

Focused View

6:37:34

0 View

1 - Introduction

1 -Introduction to CSS.mp4

03:11

2 -Basic terminology in CSS.mp4

14:22

3 -How CSS looks like.mp4

09:25

2 - Styling text

1 -Working with text.mp4

09:35

2 -Styling paragraphs.mp4

14:18

3 -Text columns and spans.mp4

11:57

4 -Styling links.mp4

11:24

5 -Headings.mp4

09:05

6 -Lists.mp4

14:07

7 -Buttons and spans.mp4

07:43

3 - Styling images

1 -Basic image styling.mp4

28:24

2 -Background images.mp4

10:47

3 -Background colors.mp4

10:21

4 -Image feather gradient.mp4

08:25

4 - Layout and Position

1 -Display.mp4

21:03

2 -Display flex.mp4

10:13

3 -Visibility, display none and overflow.mp4

07:53

4 -Position.mp4

20:00

5 -Before and after pseudoelements.mp4

23:45

6 -Background overlay.mp4

09:31

5 - Icons

1 -Simple SVG icons.mp4

04:41

2 -SVG icons with img tag.mp4

04:16

3 -Font Awesome icons.mp4

06:40

6 - Selected Chapters

1 -Horizontal lists.mp4

04:13

2 -Nth-child.mp4

11:47

3 -Highlighter text effect.mp4

07:14

4 -Custom bullets.mp4

15:58

5 -Custom ordered lists.mp4

15:28

6 -Faded background image.mp4

04:38

7 - Tips & Tricks

1 -Root variables.mp4

10:29

2 -Em units.mp4

11:53

3 -Other units - vw, vh, calc and %.mp4

14:52

4 -Blend modes.mp4

11:48

5 -Mixed tips.mp4

18:08

Description

CSS fundamentals for non-coders: simple language, bite-sized training and practical, hands on exercises. No HTML needed!

What You'll Learn?

How to style the basic elements - text, images and icons
How to control the layout using display and position
Advanced techniques for custom lists and pseudoelements
How to break free from website builder limitations and build custom websites without HTML
How to save time on website edits and changes with useful tips and tricks

Who is this for?

Primarily web designers using website builders who want to learn CSS for styling websites for clients

Those who don't know how to code and don't want to learn HTML

Beginner coders who already have some experience with HTML (or non whatsoever)

Any beginner without coding knowledge can enroll in the course.

Anyone who wants to learn basic CSS, website or business owners for their e-shop etc.

What You Need to Know?

No coding experience needed or knowledge of HTML or CSS.

You just need a laptop or a PC and access to internet to enroll in the course.

More details

Description
Do you want to build unique, custom websites but you are not a coder and you don't want to learn HTML?Â
This interactive course will teach you the basics of CSS for building and styling custom websites, without the need to learn HTML.
It is taught by a designer, not a coder.
That way you can be sure that it will be simplified to the core and adjusted to 'regular audience', not coders.
It is designed for complete beginners, (web) designers and non-coders who don't want to deal with overwhelming technical jargon.
Moreover, if you are already using a webpage builder like Elementor to build websites, but you want to start making beautiful, fully custom websites (not template looking sites)Â without learning HTML, this course is ideal for you.
Using simple language and visual explanations and more than 50 practical, hands on exercises, this interactive course will give you the base to continue learning CSS on your own.
We will cover the introduction to CSS (what it is and what it is used for, basic terminology and understanding the classes and explaining what each line of CSS code consists of), working with text (paragraphs, headings, spans, lists, columns etc), images, icons and vectors, and layout (position, display, overflow, visibility).
In selected topics, we will explore more advanced techniques for custom list styling, pseudoelements and image effects. The course is packed with tips and tricks that will save you tons of time while editing more complex websites and make your workflow more professional.
The main focus of this course is practical usage, not just the theory. You can practice CSS through custom made exercises in your browser and see the results of your code in real time. These exercises are available as 'Resources' in individual lessons. Each exercise comes with a preview of the result that you are supposed to get. The solutions are provided, so you can 'cheat' if you are stuck and examine the code to see where you went wrong.
Highlights of the course:
Aimed at beginners, designers and non-coders
No HTMLÂ or coding knowledge needed
No technical jargon
Simple language, visual explanations
Videos + practice
50+ interactive exercises
Basics only, without the overwhelm
Bite-sized training
Ideal for web designers who are using webpage builders, but want to build fully custom websites without HTML
Whether you are a web or graphic designer, a starting coder, a business owner who wants to edit their website or a hobbyist looking to learn a new skill and boost their CVÂ or potentially find a new side hustle, it doesn't hurt to learn some CSS along the way.
Who this course is for:
Primarily web designers using website builders who want to learn CSS for styling websites for clients
Those who don't know how to code and don't want to learn HTML
Beginner coders who already have some experience with HTML (or non whatsoever)
Any beginner without coding knowledge can enroll in the course.
Anyone who wants to learn basic CSS, website or business owners for their e-shop etc.

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.