YoVDO

Learn CSS Transform by Building a Penguin - FreeCodeCamp Curriculum Walkthrough

Offered By: Code with Ania Kubów via YouTube

Tags

Web Design Courses Computer Science Courses Creative Coding Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Follow along with a comprehensive video tutorial that guides you through building a penguin using CSS transforms, as part of the FreeCodeCamp curriculum. Learn essential CSS techniques, including styling, element creation, and advanced transform properties while constructing various components such as the ground, mountains, sun, and penguin body parts. Master the art of separating classes and creating intricate details like the chin, eyes, blush, beak, and shirt to bring your penguin to life.

Syllabus

Intro
Create a new project
Create a style sheet
Add styling
Add ground element
Add penguin element
Add mountain element
Add back mountain element
Add back sun element
Penguin
Penguin Body
Separate Classes
Chin
Eyes
Blush
Beak
Shirt


Taught by

Code with Ania Kubów

Related Courses

Introduction to Computational Arts: Processing
State University of New York via Coursera
Creative Coding
Monash University via FutureLearn
Real-Time Audio Signal Processing in Faust
Stanford University via Kadenze
Creative Coding
New York University (NYU) via edX
Integrated Digital Media Capstone
New York University (NYU) via edX