Creating Layouts with CSS

سرفصل های دوره

This course will teach you how to implement beautiful, responsive layouts in CSS as part of a team or as a full-stack developer.

1. Course Overview

1. Course Overview

2. The Responsive Layout Process

1. The Responsive Layout Process

2. Making a Plan

3. Implementing Responsive Layouts

4. Implementing Responsive Components

5. About This Course

6. About Exercise Files

3. Designers and Front-end Developers

1. A Tale of Two Bethanys

2. Frontend Development at Globomantics

3. Clarifying Requirements

4. Dissecting a Mockup

4. Layout Principles and Patterns

1. The One-stop Web Dev Shop

2. What before How

3. Good Layouts

4. Common Layout Patterns

5. Designing a Layout in Action

5. Clean Code and Accessibility

1. What Is Clean Code

2. Clean HTML

3. Web Standards and Accessibility

4. Semantic HTML and ARIA

5. Clean CSS

6. CSS Naming Conventions

06. Flexbox and Grid Revisited

01. Flexbox and Grid Revisited

02. Flexbox and Grid Similarities

03. Flexbox and Grid Differences

04. Align and Justify Properties

05. Implementing a Layout Using Flexbox

06. Implementing a Layout Using Grid

07. Grids - Defining Grids In-depth

08. Grids - Positioning Items In-depth

09. Problem Solving with Grid and Flexbox

10. Summary - When to Use What

07. Building a Responsive Layout

01. Implementing Responsive Layouts

02. Implementing Grid Strategies

03. Markup for Layout

04. Media Queries

05. Implementing Layouts - About Page

06. Implementing Layouts - Header & Footer

07. Implementing Layouts - Visit Us Page

08. Implementing Layouts - Home Page

09. Implementing Layouts - Pies Page

10. Responsive Layout Summary

08. Building Responsive Components

01. Implementing Responsive Components

02. Techniques for Responsive Images

03. Container Queries

04. Implementing Components - About Page

05. Implementing Components - Header & Footer

06. Implementing Components - Visit Us Page

07. Implementing Components - Home Page pt. 1

08. Implementing Components - Home Page pt. 2

09. Implementing Components - Pies Page pt. 1

10. Implementing Components - Pies Page pt. 2

11. Responsive Components Summary

9. Summary and Next Steps

1. Summary & Next Steps

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: PluralSight