Web Design for Beginners: Real World Coding in HTML & CSS

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

Want to launch a career in web design? This course will teach you HTML & CSS with no experience necessary.

01 - Welcome!

001 Course Introduction

002 Big Picture Overview of Course (What To Expect)

02 - HTML Essentials

001 Why HTML is Exciting

002 First Look at HTML

003 The Easiest Way to Get Started

004 Hands On! Create your First HTML File

005 Russian Stacking Dolls Bulleted Lists

006 HTML Document Structure

006 html-document-structure.zip

007 First Look at Attributes Linking Pages Together

007 attributes.zip

008 Section 1 Review

03 - Adding Media to a Web Page

001 Images

001 images.zip

002 Audio Files

002 audio.zip

003 Video Files

003 video.zip

004 Vector Graphics & Illustrations (SVG & Figma)

external-links.txt

04 - Text Basics

001 Headings

001 headings.zip

002 Lists

002 lists.zip

003 Bold & Italic

003 bold-italic.zip

004 Special Characters

004 special-characters.zip

external-links.txt

05 - Semantics & Organization

001 Semantic Structural Elements

002 Navigation

002 nav.zip

003 Non-semantic Elements (div and span)

004 HTML Comments

004 comments.zip

005 The Section Element

005 section.zip

external-links.txt

06 - Forms

001 Forms

001 forms-1.zip

002 Different Types of Inputs

002 forms-2.zip

003 Choosing Between a set of options

003 forms-3.zip

external-links.txt

07 - Tables

001 How to Create a Table of Data

001 table.zip

002 Do Not Use Tables for Layout

external-links.txt

08 - CSS Essentials

001 CSS Introduction

002 CSS Selectors

002 selectors.zip

003 The Cascade

004 Box Model

005 Quick Note About CSS Floats

006 Creating a Page Layout with Floats

006 floats.zip

007 Beauty School! Apply What Weve Learned

007 beauty-school.zip

external-links.txt

09 - Intermediate CSS

001 Styling Navigation Menu

001 dropdown-submenu.zip

001 sidebar-click-submenu.zip

001 style-nav-menu.zip

002 Overlapping Content & Transparent Backgrounds

002 position-relative-absolute.zip

external-links.txt

10 - Less Exciting Yet Still Necessary CSS Tasks

001 Styling Data Tables

001 table-style.zip

001 table-style-follow-along.zip

002 Styling Forms

002 form-style.zip

external-links.txt

11 - CSS Typography

001 CSS Typography

002 Using Custom Web Fonts

002 custom-fonts.zip

external-links.txt

12 - Developer Timeout!

001 Developer Tools Inspect Elements

13 - CSS Backgrounds

001 Background Images

001 background-images.zip

002 Gradient Backgrounds

002 gradients.zip

003 CSS Sprites

003 sprites.zip

004 Full Width Backgrounds - Fixed Width Content

004 full-width-backgrounds.zip

external-links.txt

14 - Responsive Web Design

001 Chapter Introduction

002 Responsive Web Design

002 responsive.zip

002 width-max-width.zip

003 Responsive Grids

003 grid.zip

003 grid-start-files.zip

004 Responsive Grid with Flexbox

004 responsive-grid-flexbox.zip

external-links.txt

15 - What is Flexbox in CSS

001 Flexbox (Part 1)

002 Flexbox (Part 2)

external-links.txt

16 - CSS Grid Layout

001 CSS Grid Part 1

002 CSS Grid Part 2

003 CSS Grid Part 3

external-links.txt

17 - CSS3 Special Effects

001 Box Shadows

001 box-shadow.zip

002 Rounded Corners

002 rounded-corners.zip

003 CSS Transform

003 transform.zip

004 CSS Transitions

004 transition.zip

005 CSS Animations

005 animation.zip

external-links.txt

18 - Leveraging JavaScript without Writing JavaScript

001 Chapter Introduction

002 Slideshow (Part 1)

002 slideshow.zip

003 Slideshow (Part 2)

003 slideshow.zip

004 Reveal & Hide Content on Click Tap

004 Show-Hide.zip

005 Open Image in Modal Window (Gallery)

005 modal-image.zip

005 modal-image-start.zip

external-links.txt

19 - What is Bootstrap

001 Bootstrap (Part 1)

001 bootstrap-example.zip

002 Bootstrap (Part 2)

002 bootstrap-example.zip

20 - Sass

001 Getting Started With Sass

001 package.zip

002 Sass Basics

003 Sass Continued

003 sass-continued.zip

21 - Pushing a Website Live Up Onto The Web

001 Going Live using GitHub Pages

001 my-website.zip

22 - Cross Browser Compatibility

001 Cross Browser Support & Feature Detection

23 - Beyond This Course

001 Next Steps

002 Bonus Lecture

external-links.txt

139,000 تومان

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

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

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

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