HTML and CSS Visual QuickStart Guide, 9th Edition (2023)

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

Lesson 1

001. Creating a visual hierarchy with HTML

002. Changing Styles on CSS Zen Garden

003. Applying simple styles to Markup

004. Styles vs. No Styles

005. Browser Comparison

Lesson 2

001. Creating a New Webpage

002. Installing VS Code

003. Setting Up a Directory Structure

004. How Default Files Work

005. Setting Up MAMP

006. CodePen Demo

Lesson 3

001. Changing a Tag

002. Excluding Necessary Attributes

003. Creating an HTML Boilerplate File

004. Screen Reader in Action

Lesson 4

001. HTML with No Elements

002. Creating Paragraphs

003. How to Order Headings

004. Creating Ordered and Unordered Lists

005. Converting a Fully Formatted Word Doc to HTML

Lesson 5

001. The Components of Hyperlink Markup

002. Walking Through a URL

003. HTTP vs. HTTPS

004. Errors in External Links

005. Creating Relative Links

006. Link to a Specific Location on a Pag

007. Advanced Mailto Links

008. Open a Link in a New Window

Lesson 6

001. Preview of the Box Model

002. Outlining Elements with the Web Developer Extension

003. Outlining Block and Inline Elements Together

004. Walking Through the Wireframe

005. Making a Header with Navigation

006. Building a Blog Article Layout

Lesson 7

001. Scaling SVGs

002. Adding an Image to a Webpage

003. Using Figures for Code Samples

004. Image Download Test

005. Resizing an Image

006. Seeing srcset in Action

007. Experimenting with SVG

008. Creating a Graphic with Canva

009. Embedding a Video

010. Converting and Embedding Audio

011. Using Libsyn to Host Audio

012. Embedding a YouTube Video

Lesson 8

001. Building a Table

002. Experimenting with colspan and rowspan

003. Writing a Script with a Description List

004. Walking through Schema Examples

Lesson 9

001. Interacting with Forms

002. Comparing the GET and POST Form Submission Methods

003. Converting a Select Box to a Multiselect Box

004. Creating Checkboxes and Radio Buttons

005. Building a Rental Application

006. Working with Dates on Forms

007. Picking Colors

008. Using Range

009. Building and Testing a Valid Form

Lesson 10

001. Rendering Elements Differently in Different Browsers

002. Examples of the canvas Element in Use

003. Store Form Data in Offline Storage

004. How Twitter Uses Offline Storage

005. Using Lazy Loading on Images

Lesson 11

001. Demonstrating the Cascade in CSS

002. Using an Internal Style Sheet

003. Moving Internal CSS to an External File

004. Review of the new File System

Lesson 12

001. Setting Basic Styles on HTML Elements

002. Targeting Specific Classes

003. Creating a Set of Alert Elements

004. Putting Child and Sibling Selectors to Wor

005. A Look at Styles and Precedence

006. Trying to Override IDs in CSS

007. Reimagining the p.intro Class with Advanced Selectors

Lesson 13

001. Using Distinct Styles for Heading and Body Elements

002. Browsing Google Fonts

003. Embedding Fonts from Google Fonts

004. Converting a Font with Transfonter

005. Using @font-face

006. Font Size Demo

007. Creating a Heading Hierarchy with Font Sizes

008. Using text-indent to Hide Text

009. Building the Page from Figure 13.21

Lesson 14

001. Using a Color Picker

002. Using Transparency to Make Text Stand Out

003. Generating HSL Values

004. Experimenting with Gradients

005. Background Images

006. Doing More with Borders

007. Creating a Stylized Aside Section

Lesson 15

001. Demonstrating Flow

002. Adjusting Heights and Widths in Layout

003. Building a Completely Styled Butto

004. Making a Simple Twocolumn Layout with Floats

005. Demonstrating the position Property

006. Creating a Pricing Table

Lesson 16

001. Stacking Order

002. Using flex-item Properties

003. Using flex-basis, flexflow, and justify-content

004. The align-items Property in Action

005. Grid Templates

006. Aligning Grid Elements

007. Prefixes in Action

Lesson 17

001. Choosing Breakpoints

002. Making a Full ThreeColumn Layout Responsive

003. Creating a Responsive Nav Menu

004. Advanced Media Queries

Lesson 18

001. Demo of Transition Functions

002. Increasing the Size of an Input Field

003. Transformation Examples

004. Creating an Image Gallery with Mouseover Effects

005. Rainbow Animation

006. Follow the Bouncing Ball

Lesson 19

001. Changing Multiple Elements by Changing a Single Variable

002. Changing the Scope of Variables

003. Complex Layouts with Variables

Lesson 20

001. Configuring Sass on Your Computer

002. More Nesting Examples

Lesson 21

001. Registering a Domain

002. Pointing Your Domain to SiteGround

003. Uploading Your Files

Lesson 22

001. Using the W3C Markup Validator to Find and Fix Errors

002. Using the Xcode Simulator

003. Emulating Android Devices

004. Chrome DevTools Overview

005. Responsive Testing in Chrome

Lesson 23

001. Doing a Live GTmetrix Test

002. A Closer Look at the Network Tab

003. Testing Critical CSS

Lesson 24

001. hanging ARIA States and Properties

002. Digging into the Accessibility Test in Chrome

003. There are a lot of features in WAVE, so we walk through the interface to show you what the icons mean and how you can use the data provided by the test

Lesson 25

001. Using GitHub

45,900 تومان

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

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

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

شناسه: 7990

حجم: 1375 مگابایت

مدت زمان: 446 دقیقه

تاریخ انتشار: 20 اسفند 1401