Code your own portfolio – HTML & CSS basics
Offered By: Skillshare
Course Description
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
Related Courses
Intro to HTML and CSSUdacity Responsive Web Design Fundamentals
Google via Udacity HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX CSS Basics
Microsoft via edX Advanced CSS Concepts
Microsoft via edX