Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Code your own portfolio – HTML & CSS basics

via Skillshare

Overview

In these classes we’re going to code designer’s portfolio which means that we’re going to learn HTML & CSS basics by implementing the layout step-by-step. 

The goal of these classes is to show you that code is a great tool for UI & UX designers to express their ideas in the real environment for their projects which is a web browser. 

After the course you’ll be able to better handoff your projects to developers and better speak their language. 

Have ever tried tweaking existing HTML templates for Wordpress? This course is going to help you to easily adjust them to your needs.

What your going to learn:

  • HTML tags
  • CSS basics and properties
  • Implementing Google Fonts on the website
  • Using dev tools in a web browser

Who is this course for?

The course is dedicated for UI & UX designers who would like to start learning HTML & CSS by practical examples.  

Prior coding knowledge is not required. We will cover basics step by step, so you will be able to follow along. 

–––––––––––––––––––––––––––––––––––––––––––––––––

Don't hesitate to check out my other classes devoted to coding, animations on the Web and CSS in general :)

–––––––––––––––––––––––––––––––––––––––––––––––––

Syllabus

  • Intro
  • HTML basics
  • First exercise in HTML
  • First steps with CSS
  • Playing with more CSS properties
  • Starting our portfolio project
  • Building remaining sections and elements in HTML
  • Web Typography
  • Placing elements on the defined grid
  • 1/2 Placing elements on the defined grid
  • 2/2 Placing elements on the defined grid – part 1.
  • Building the navigation
  • Tweaking the header
  • Adding background image and box shadow
  • Styling the list & project sections
  • Styling the footer
  • Styling navigation
  • CSS transition function
  • Summary of the course

Taught by

Aga Naplocha

Reviews

Start your review of Code your own portfolio – HTML & CSS basics

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.