آموزش توسعه وب Full Stack برای مبتدیان - قسمت 1: HTML، CSS، طراحی واکنشگرا

درس ها Lessons

• متشکرم Thank you

• چیدمان سیال (طراحی واکنشگرا) Fluid layout (Responsive Design)

• استایل اول موبایل (طراحی واکنشگرا) Mobile first styling (Responsive Design)

• لیست های HTML (HTML ابتدایی) HTML Lists (Beginning HTML)

• درک پرسش های رسانه ای (طراحی پاسخگو) Understanding media queries (Responsive Design)

• شناور و شفاف (شروع CSS) Float and clear (Beginning CSS)

• یک ظاهر طراحی برای دستگاه های متوسط ​​(طراحی واکنشگرا) Styling for medium devices (Responsive Design)

• تاکید، اهمیت و قالب بندی متن (HTML ابتدایی) Text emphasis, importance and formatting (Beginning HTML)

• Block، Inline و Inline-block (ابتدای CSS) Block, inline and inline-block (Beginning CSS)

• ویژگی و آبشار (شروع CSS) Specificity and the cascade (Beginning CSS)

• متا تگ viewport (طراحی پاسخگو) The viewport meta tag (Responsive Design)

• زمان تمرین - پیوند دادن به صفحات (شروع HTML) Time to practice - Linking to pages (Beginning HTML)

• برچسب‌ها، نام و شناسه (فرم‌ها، جداول و iFrames) Labels, name and id (Forms, Tables & iFrames)

• شیوه نامه های داخلی (شروع CSS) Internal stylesheets (Beginning CSS)

• سایر عناصر فرم مفید (فرم ها، جداول و iFrames) Other useful form elements (Forms, Tables & iFrames)

• موجودیت ها و نمادها (HTML ابتدایی) Entities and symbols (Beginning HTML)

• زمان تمرین - ایجاد لیست های پروژه (HTML ابتدایی) Time to practice - Create the project lists (Beginning HTML)

• زمان تمرین - صفحه جزئیات محصول (شروع HTML) Time to practice - Product detail page (Beginning HTML)

• راه اندازی یک پروژه وب (شروع HTML) Setting up a web project (Beginning HTML)

• درک HTML (شروع به کار) Understanding HTML (Getting Started)

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

• فونت ها (شروع CSS) Fonts (Beginning CSS)

• عناصر معنایی چیست؟ (شروع HTML) What are semantic elements? (Beginning HTML)

• زمان تمرین (طراحی واکنشگرا) Time to practice (Responsive Design)

• فرم‌های HTML (فرم‌ها، جداول و iFrames) HTML Forms (Forms, Tables & iFrames)

• راه حل: طراحی نهایی پروژه (شروع CSS) Solution: final project styling (Beginning CSS)

• مدل جعبه (شروع CSS) The box model (Beginning CSS)

• سرفصل های HTML (شروع HTML) HTML Headings (Beginning HTML)

• Div and span (شروع HTML) Div and span (Beginning HTML)

• پیوندها (HTML ابتدایی) Links (Beginning HTML)

• جداول HTML (فرم ها، جداول و iFrames) HTML Tables (Forms, Tables & iFrames)

• شیوه نامه های خارجی (شروع CSS) External stylesheets (Beginning CSS)

• فهرست داده و ارسال (فرم‌ها، جداول و iFrames) Datalist & submit (Forms, Tables & iFrames)

• ساختار یک صفحه وب (شروع HTML) Structuring a web page (Beginning HTML)

• افزودن عناصر معنایی به پروژه ما (شروع HTML) Adding semantic elements into our project (Beginning HTML)

• برای این دوره به چه چیزهایی نیاز دارید (شروع به کار) What will you need for this course (Getting Started)

• واحدهای مقیاس پذیر (طراحی پاسخگو) Scalable units (Responsive Design)

• کار با تصاویر (شروع HTML) Working with images (Beginning HTML)

• چک باکس ها و دکمه های رادیویی (فرم ها، جداول و iFrames) Checkboxes and radio buttons (Forms, Tables & iFrames)

• نظرات HTML (شروع HTML) HTML Comments (Beginning HTML)

• افزودن نقشه های گوگل (فرم ها، جداول و آی فریم) Adding Google maps (Forms, Tables & iFrames)

• درک CSS (شروع CSS) Understanding CSS (Beginning CSS)

• کلاس ها و شناسه ها (CSS ابتدایی) Classes and id's (Beginning CSS)

• راه حل - افزودن محصولات بیشتر (HTML ابتدایی) Solution - Adding more products (Beginning HTML)

• فرم‌ها و ورودی‌های سبک (شروع CSS) Styling forms and inputs (Beginning CSS)

• ویژگی موقعیت (شروع CSS) The position property (Beginning CSS)

• زمان تمرین - افزودن محصولات بیشتر (شروع HTML) Time to practice - Adding more products (Beginning HTML)

• یک ظاهر طراحی لیست (شروع CSS) List styling (Beginning CSS)

• حاشیه و بالشتک (شروع CSS) Margin and padding (Beginning CSS)

• به دوره خوش آمدید! Welcome to the course!

• افزودن پاراگراف و متن (شروع HTML) Adding paragraphs and text (Beginning HTML)

• یک ظاهر طراحی برای دستگاه های بزرگ (طراحی واکنش گرا) Styling for large devices (Responsive Design)

• انتخاب ورودی (فرم‌ها، جداول و iFrames) Select input (Forms, Tables & iFrames)

• عکس و srcset (طراحی واکنشگرا) Picture and srcset (Responsive Design)

• IFrames (فرم ها، جداول و iFrames) IFrames (Forms, Tables & iFrames)

• سبک های درون خطی و افزودن رنگ (شروع CSS) Inline styles and adding color (Beginning CSS)

• طراحی واکنشگرا چیست؟ (طراحی تعاملی) What is responsive design? (Responsive Design)

• پیوندهای استایلینگ و کلاس های psuedo (شروع CSS) Styling links and psuedo classes (Beginning CSS)

• زمان تمرین: طراحی نهایی پروژه (شروع CSS) Time to practice: final project styling (Beginning CSS)