Mô tả

What is the best way to learn a new skill (or improve a current one)?

a) Read a lot of books

b) Think about it a lot

c) Jump in and do it.

If you guessed "Jump in and do it", you'd be correct!

While spending time understanding theory is important for learning a skill; getting your hands dirty, practicing, and immersing yourself in the thing you're learning will yield much better results.

Want to learn a new language? Speak it.

Want to learn how to play a game? Play it.

Want to learn a sport? Practice it.

Want to learn to be funny? Tell jokes. (I can tell you from experience that, by using this method, my success rate has improved my humour! Now I only bomb a joke 8 times out of 10...)

Want to learn how to code? Start building things. A lot of things.

Here's the catch...

If you have no direction, no roadmap, no end-goal in mind, and nobody to hold you accountable, the best case scenario is you'll incrementally improve your ability, and worst case scenario is you'll fail.

Which is why I created this course, CSS in 30 Days!

Each day for the next 30 days, you and I will learn CSS by building a new project in plain, vanilla CSS without the use of templates, frameworks or plugins.

By the end of the 30 days, you'll have a strong grasp on CSS, and more importantly, the knowledge, ability and confidence to start using CSS in your own projects.

Who is CSS3 in 30 Days for?

Web Designers & Web Developers who are just starting out, or have Intermediate Level experience with CSS and want to have a strong grasp on CSS3 without relying on Frameworks, Code Snippets, Templates or Plugins.

Let's get started!

Bạn sẽ học được gì

Learn CSS from scratch by building 30 fun and practical projects

Build a new project in plain, vanilla CSS without the use of templates, frameworks or plugins.

You'll have a strong grasp on CSS, and more importantly, the knowledge, ability and confidence to start using CSS in your own projects.

Best coding practices for CSS

Learn how to create beautiful Typography in CSS

How to edit & manipulate images with CSS

Create an 8-bit Super Mario graphic in CSS only!

Learn how to create modern layouts with CSS Grid & Flexbox

Understand CSS variables

Create sticky footers, sticky headers and sticky sidebars!

How to create a modal window in CSS

How to code a CSS only Tooltip

Create fun & engaging CSS animations

How to create animated loaders & spinners in CSS

Learn to code a CSS Accordion to organize large amounts of information

How to Code Sliding Content Panels, 3D Layer Effects and CSS only Dropdown Menus

How to Optimize CSS for Live Websites

Create a fun Pacman & Ghost animation with CSS

Code a CSS only Coffee Cup... seriously

Yêu cầu

  • No programming experience necessary
  • A very basic understanding of HTML & CSS would be helpful (but not required)
  • A free code editor
  • A sense of humour

Nội dung khoá học

2 sections

Welcome to CSS in 30 Days!

4 lectures
Welcome to CSS in 30 Days! Let's get started.
04:05
Here's How to Download the Course & Theme Files
03:48
Important: Required Theme Files Download
00:21
Download: Complete Course Files (All 30 Projects)
00:16

Code 30 Projects in CSS

32 lectures
Project 1: Style Fancy CSS Buttons (Part 1)
25:22
Project 1: Style Fancy CSS Buttons (Part 2)
18:08
Project 1: Style Fancy CSS Buttons (Part 3)
27:40
Project 2: Cool Typography Tricks with CSS Only
13:06
Project 3: Clipping Images with CSS
15:52
Project 4: Style a Registration Form in CSS
23:52
Project 5: Customize Your Broken Images in CSS
07:24
Project 6: Pretty Print Styles with CSS!?
15:36
Project 7: Image Manipulation in CSS
10:23
Project 8: "Draw" an 8-bit Super Mario with CSS
17:15
Project 9: Create Layouts with Old School Floats
17:53
Project 10: Create a Pricing Table in CSS
23:19
Project 11: Internet Explorer Hacks in CSS
05:26
Project 12: CSS Variables!
11:11
Project 13: Sticky Footers!
08:17
Project 14: Sticky Headers!
09:04
Project 15: Sticky Sidebars!
08:25
Project 16: Create a Pop Up (Modal) Window in CSS
13:41
Project 17: Code a Pacman & Ghost Animation in CSS
32:17
Project 18: Useful Tooltips in CSS
30:57
Project 19: Animated CSS Only Progress Bars
22:35
Project 20: Animated CSS Only Triangle Pyramid Thingy
13:00
Project 21: CSS Only Spinners & Loaders
17:48
Project 22: Create Modern Layouts Easily with Flexbox!
21:36
Project 23: CSS Only Accordion
14:51
Project 24: @supports Rule in CSS
01:13
Project 25: Sliding Panels in CSS
13:08
Project 26: Create a Cool 3D Layer Effect in CSS
18:09
Project 27: CSS Only Dropdown Menus
09:21
Project 28: Optimize Your CSS
12:36
Project 29: Create a Blurred Effect with CSS
07:54
Project 30: CSS Only Coffee Cup Illustration!
17:53

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.