Creative Days 75% off
Special offer Code your own portfolio – coding classes for designers By Aga Naplocha
Creative Days!
$100 $25
Code your own portfolio – coding classes for designers
English English, Spanish, French (+2) [Machine translation]
2.5 Hours Course

Code your own portfolio – coding classes for designers

Creative Days!     $100 $25

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!

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
The subtitles are automatically generated, so the quality of the captions may vary.
Course Table of contents
What will you learn?

7 sections • 17 lectures • 2.5 hours

  • Welcome
    1 lectures 1:22 min
    • Welcome
      1:22 min
  • Coding basics
    4 lectures 35 mins
    • 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
  • Portfolio project
    3 lectures 35 mins
    • Starting our portfolio project
      13:41 mins
    • Building remaining sections and elements in HTML
      13:06 mins
    • Web Typography
      9:14 mins
  • Layouting
    1 lectures 22 mins
    • Placing elements on the defined grid
      21:40 mins
  • Tweaking remaining elements in portfolio
    6 lectures 57 mins
    • 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
  • Adding subtle animation
    1 lectures 5 mins
    • CSS transition function
      5:21 min
  • Summary of the course
    1 lectures 1:28 mins
    • Summary of the course
      1:28 mins
Course details

Code your own portfolio – coding classes for designers

Code your own portfolio – coding classes for designers

By Aga Naplocha

$25 75% off $100

Creative Days

  • English
  • English, Spanish, French, Italian, Portuguese (Machine translation)
  • 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.
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion
About the Speaker
Learn from the best
  • Aga Naplocha

    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.

Similar Courses