آموزش کد نویسی HTML و CSS برای مبتدیان: نمونه کار خود را بسازید!

درس ها Lessons

• راه اندازی پروژه نمونه کارها ما Setting up our portfolio project

• افکار نهایی Final thoughts

• HTML و CSS چیست؟ What is HTML & CSS

• راه اندازی پروژه نمونه کارها ما Setting up our portfolio project

• Quick Aside: سازگاری با مرورگر Quick Aside: Browser compatibility

• بخش تماس با ما و CSS نهایی همراه اول Contact us section and final mobile first CSS

• مناطق شبکه برای چیدمان های پیشرفته تر Grid areas for more advanced layouts

• CSS ابتدا به صفحه سبک ما نگاه کرده و پیوند می دهد CSS first look and linking our stylesheet

• پوشش متن CSS، جلوه های شناور و انیمیشن ها CSS text overlay, hover effects and animations

• بخش تماس با ما و CSS نهایی همراه اول Contact us section and final mobile first CSS

• مقدمه Introduction

• انیمیشن های CSS سفارشی Custom CSS animations

• ابتدا به شبکه CSS نگاه کنید First look at the CSS grid

• ایده های خود را ترسیم کنید و تصاویر پروژه خود را جمع آوری کنید Sketch your ideas and gather your project images

• محتوای بلوک، درون خطی و تودرتو Block, inline and nesting content

• پوشش متن CSS، جلوه های شناور و انیمیشن ها CSS text overlay, hover effects and animations

• میزبانی Hosting

• ابتدا به شبکه CSS نگاه کنید First look at the CSS grid

• مقدمه Introduction

• انیمیشن های CSS سفارشی Custom CSS animations

• Quick Aside: سازگاری با مرورگر Quick Aside: Browser compatibility

• HTML و CSS چیست؟ What is HTML & CSS

• کتابخانه های انیمیشن Animation libraries

• از جمله HTML صفحه پروژه های ما Including our projects page HTML

• CSS ابتدا به صفحه سبک ما نگاه کرده و پیوند می دهد CSS first look and linking our stylesheet

• تصاویر پس زمینه و جلوه اختلاف منظر Background images & the parallax effect

• من را در Skillshare دنبال کنید! Follow me on Skillshare!

• پرس و جوهای رسانه CSS CSS Media queries

• ایده های خود را ترسیم کنید و تصاویر پروژه خود را جمع آوری کنید Sketch your ideas and gather your project images

• Quick Aside: بررسی CSS با ابزارهای توسعه Quick Aside: Inspecting CSS with the devtools

• تصاویر پس زمینه و جلوه اختلاف منظر Background images & the parallax effect

• پرس و جوهای رسانه CSS CSS Media queries

• افکار نهایی Final thoughts

• مناطق شبکه برای چیدمان های پیشرفته تر Grid areas for more advanced layouts

• کتابخانه های انیمیشن Animation libraries

• راه اندازی صفحه پروژه های ما Setting up our projects page

• Quick Aside: حاشیه، بالشتک و مدل جعبه Quick Aside: Margin, padding and the box model

• میزبانی Hosting

• ابتدا به CSS Flexbox نگاه کنید First look at the CSS Flexbox

• بخش سرصفحه و عناصر معنایی The header section & semantic elements

• Quick Aside: حاشیه، بالشتک و مدل جعبه Quick Aside: Margin, padding and the box model

• طرح بندی پروژه اول موبایل با استفاده از Flexbox Mobile first project layout using Flexbox

• ابتدا به CSS Flexbox نگاه کنید First look at the CSS Flexbox

• محتوای بلوک، درون خطی و تودرتو Block, inline and nesting content

• از جمله HTML صفحه پروژه های ما Including our projects page HTML

• بخش سرصفحه و عناصر معنایی The header section & semantic elements

• Quick Aside: بررسی CSS با ابزارهای توسعه Quick Aside: Inspecting CSS with the devtools

• من را در Skillshare دنبال کنید! Follow me on Skillshare!

• راه اندازی صفحه پروژه های ما Setting up our projects page

• طرح بندی پروژه اول موبایل با استفاده از Flexbox Mobile first project layout using Flexbox