HTML & CSS Coding for Beginners: Build your own portfolio!

Focused View

Chris Dixon

2:44:34

42 View

01 Introduction.mp4

01:55

02 What is HTML & CSS.mp4

06:04

03 Setting up our portfolio project.mp4

05:36

04 Sketch your ideas and gather your project images.mp4

03:04

05 The header section & semantic elements.mp4

06:43

06 CSS first look and linking our stylesheet.mp4

14:17

07 Quick Aside Inspecting CSS with the devtools.mp4

03:19

08 Background images & the parallax effect.mp4

08:15

09 Quick Aside Margin, padding and the box model.mp4

03:45

10 Block, inline and nesting content.mp4

11:21

11 First look at the CSS Flexbox.mp4

09:54

12 Contact us section and final mobile first CSS.mp4

07:17

13 CSS Media queries.mp4

14:59

14 Custom CSS animations.mp4

08:28

15 Animation libraries.mp4

12:05

16 Quick Aside Browser compatibility.mp4

04:47

17 Setting up our projects page.mp4

03:37

18 Including our projects page HTML.mp4

04:41

19 Mobile first project layout using Flexbox.mp4

06:06

20 First look at the CSS grid.mp4

06:56

21 Grid areas for more advanced layouts.mp4

06:03

22 CSS text overlay, hover effects and animations.mp4

12:13

23 Hosting.mp4

02:29

24 Final thoughts.mp4

00:17

25 Follow me on Skillshare!.mp4

00:23

Description

Welcome to this class!

If you want to learn HTML & CSS to build websites, this course will teach you all of the core fundamentals you will need to know to build amazing websites from scratch!

Together, we will build your own portfolio website, which you can use to showcase your projects.

Here is my live version here:

https://chris-dixons-portfolio.netlify.com

No coding experience is necessary, and I will do my best to explain everything we do along the way. Although if you have used HTML & CSS Before, you can hopefully sharpen your skills and learn some new tricks.

During this course you will learn all the basics of HTML & CSS, along with some more intermediate topics such as animations, media queries, responsive design, hover effects, Flexbox & Grid, how to include a parallax effect and so much more.

We finish things off by uploading your project to the web for the rest of the world to see!

Looking forward to seeing you in the class!

What You'll Learn?

Technology
Web Development
CSS3
HTML5
Portfolio
Responsive Design
Media Queries

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

HTML

HTML5

Chris Dixon

Instructor's Courses

Hello, My name is Chris and I am a Web Developer from the UK. I am an experienced trainer leading web development bootcamps and also teaching online courses.

My main areas of interest are Vue.js, WordPress, Shopify, Javascript, eCommerce, and business. I am passionate about what I do and about teaching others.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and I have watched the web evolve into what it is today.

I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.

Thanks for taking an interest and I look forward to you joining me.

Chris

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.