Disclosure: when you buy through links on our site, we may earn an affiliate commission.

Learn Code by Creating Art: Developing CSS Skills in CodePen

In this class we will enhance your CSS knowledge in a fun and creative way. You will learn intermediate and advanced CSS while creating an art project you wi...
4.4
4.4/5
(8 reviews)
550 students
Created by

7.4

CourseMarks Score®

6.1

Freshness

7.9

Feedback

7.5

Content

Platform: Skillshare
Price: $Free trial, then $8/month
Video: 1h 7m
Language: English
Next start: On Demand

Top SVG courses:

Detailed Analysis

CourseMarks Score®

7.4 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness Score

6.1 / 10
This course was last updated on 3/2018.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Student Feedback

7.9 / 10
We analyzed factors such as the rating (4.4/5) and the ratio between the number of reviews and the number of students, which is a great signal of student commitment.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Content Score

7.5 / 10
Video Score: 7.7 / 10
The course includes 1h 7m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
Detail Score: 9.2 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Extra Content Score: 5.5 / 10

Tests, exercises, articles and other resources help students to better understand and deepen their understanding of the topic.

This course contains:

0 article.
0 resource.
0 exercise.
0 test.

Table of contents

Description

In this class we will enhance your CSS knowledge in a fun and creative way. You will learn intermediate and advanced CSS while creating an art project you will be excited to share with others.

My CSS image collection on CodePen is what helped me get a job as a developer.  As we create art, some of the things we will go over are how to get started with Sass, pseudo elements, clip-path, box shadow, transforms and transitions, animations and more.

This class is for students looking for a fun way to learn intermediate to advanced CSS.

Students should know basic HTML and CSS.

We will be using a free resource called CodePen for our project.

You can get the starter code, finished code for each video and needed SVG for our project in the class collection: 

You will learn

Throughout the course we will be enhancing your skills by going beyond basic CSS and learning new properties in a fun way. To help cement what you are learning we will be applying each new property to a CSS image we will build as we learn.

By the time the course is over you will have learned and applied several new CSS properties and will have a completed CSS image with animation.

Please feel free to share your work throughout the course in our class projects section. For those who would like, I will be collecting and sharing the final projects in a class CodePen collection. You can get creative and change up colors, shapes, box-shadow, etc. on your project when you are done. I would love to see any changes or other images you create after completing the course and will share them on Twitter and in our class CodePen collection.

https://codepen.io/cgorton/pen/XZqXKp/ 

Requirements

Basic knowledge of SVG is required to start this course, as this is an intermediate level course.

This course is for

This course was made for intermediate-level students.

How much does the Learn Code by Creating Art: Developing CSS Skills in CodePen course cost? Is it worth it?

You can enrol in this course with a Skillshare subscription that costs $8/month, but you start with a FREE 7-day trial. You can also enrol in thousands of courses on a variety of topics with your subscription, including several SVG courses.

Does the Learn Code by Creating Art: Developing CSS Skills in CodePen course have a money back guarantee or refund policy?

There is no money-back guarantee with Skillshare, but you can start with a free one-week trial to learn without risk. With the subscription, you can download classes to your tablet or phone using the Skillshare app.

Are there any SCHOLARSHIPS for this course?

At the moment we couldn't find any available scholarship forLearn Code by Creating Art: Developing CSS Skills in CodePen, but you can access more than 30 thousand classes for $8/month on Skillshare, including this one!

Who is the instructor? Is Christina Gorton a SCAM or a TRUSTED instructor?

Christina Gorton has created 1 courses that got 8 reviews which are generally positive. Christina Gorton has taught 550 students and received a 4.4 average review out of 8 reviews. Depending on the information available, Christina Gorton is a TRUSTED instructor.
Teaching Code Through Creativity
I am a stay at home mom to three little ones turned remote front-end developer.
I learned programming best through creative coding. I participated and learned in communities like #dailyCSSimages and #100daysofcode. I hope you enjoy learning in a new and fun way as much as I do.
I am an active member of the Moms Can Code community and soon to be speaker. Most of my creative coding work can be found on CodePen at https://codepen.io/cgorton/#.

7.4

CourseMarks Score®

6.1

Freshness

7.9

Feedback

7.5

Content

Platform: Skillshare
Price: $Free trial, then $8/month
Video: 1h 7m
Language: English
Next start: On Demand

Students are also interested in

Get this widget on your website (for course creators):

Learn Code by Creating Art: Developing CSS Skills in CodePen rating
Copy this code and paste it to your website:
<a href="https://coursemarks.com/course/learn-code-by-creating-art-developing-css-skills-in-codepen/" target="_blank" title="Learn Code by Creating Art: Developing CSS Skills in CodePen on Coursemarks.com"><img border="0" src="https://coursemarks.com/widget/cmrated.svg" width="200px" alt="Learn Code by Creating Art: Developing CSS Skills in CodePen rating"/></a>