Code your own portfolio – coding classes for designers

Name: Code your own portfolio – coding classes for designers
Author: Aga Naplocha

By Aga Naplocha

Language: English
Certificate: of completion
Subtitles: English, Spanish, French, Italian, Portuguese (Machine translation)
Duration: 2.5 Hours

Now

9.99$

/$100

Coding is fun, trust me! With these classes you’ll end up with a usable product at the end – the PORTFOLIO. Every designer needs it, right? Everything in this course is served in a really creative sauce with easy instructions to follow. Don’t hesitate and start your coding adventure with HTML & CSS!

Category	Course format	Language	Duration	Level
UX Design, Code	Online	English with Subt.	2.5 Hours	The course is dedicated for 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.

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 hand off your projects to developers and better speak their language.

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

What you're going to learn:

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

Modules

What you will learn
in this course.

Lessons

Chapters

Duration
Lesson 1

Welcome

1

1:22 min

View more
- Welcome
  
  1:22 min
Lesson 2

Coding basics

4

35 mins

View more
- HTML basics
  
  4:12 mins
- First exercise in HTML
  
  13:01 mins
- First steps with CSS
  
  11:52 mins
- Playing with more CSS properties
  
  6:39 mins
Lesson 3

Portfolio project

3

35 mins

View more
- Starting our portfolio project
  
  13:41 mins
- Building remaining sections and elements in HTML
  
  13:06 mins
- Web Typography
  
  9:14 mins
Lesson 4

Layouting

1

22 mins

View more
- Placing elements on the defined grid
  
  21:40 mins
Lesson 5

Tweaking remaining elements in portfolio

6

57 mins

View more
- Building the navigation
  
  15:54 mins
- Tweaking the header
  
  10:32 mins
- Adding background image and box shadow
  
  08:16 mins
- Styling the list & project sections
  
  12:30 mins
- Styling the footer
  
  4:37 mins
- Styling navigation
  
  7:16 mins
Lesson 6

Adding subtle animation

1

5 mins

View more
- CSS transition function
  
  5:21 min
Lesson 7

Summary of the course

1

1:28 mins

View more
- Summary of the course
  
  1:28 mins

Meet the teacher

Aga Naplocha

UX & coding designer

Aga Naplocha is a UX & coding designer. She is the co-founder of The Awwwesomes – an initiative teaching how to create awwwesome things on the Web, organizing coding & UX workshops for beginners, co-organizing conferences (Front Trends 2018 and Elementarz UX) and meetups in Poland. She loves dinosaurs, pink color and Wes Anderson's movies. Feel free to visit Aga on her Instagram and Twitter.

Now