آموزش توسعه وب پاسخگو با HTML5 و CSS3 برای مبتدیان
Responsive Web Development with HTML5 & CSS3 For Beginners
سلام، به دوره آموزشی من با عنوان توسعه وب پاسخگو با HTML5 و CSS3 خوش آمدید. HTML5 فقط آخرین نسخه HTML است همانطور که CSS3 آخرین نسخه CSS است.
این تنها دوره ای خواهد بود که برای شروع در سفر توسعه خود به آن نیاز دارید. با این دوره، شما را در مسیر درست قرار می دهد. هیچ کدی از قبل ساخته نشده است و ما همه چیز را درست از ابتدا می سازیم. هیچ فایل شروعی با کد از قبل ساخته شده وجود ندارد که در آن باید سعی کنید و کد شخص دیگری را درک کنید (که برای مبتدیان ترسناک است)، همانطور که گفتم ما همه چیز را از ابتدا تا انتها خواهیم ساخت.
از آنجایی که هم تحصیلکرده و هم یک توسعه‌دهنده خودآموز هستم، می‌دانم و از موانع و ناامیدی‌های یادگیری به تنهایی عبور کرده‌ام، به‌ویژه گیر افتادن و ایجاد احساس تقریباً تسلیم شدن. به همین دلیل، من از روش‌های مؤثر استفاده خواهم کرد و همچنین مستقیماً سر اصل مطلب خواهم رفت و هر توضیحی از یک مثال عملی پیروی خواهد کرد.
همچنین، این دوره به شما یاد می دهد که HTML/CSS تمیز و موثر بنویسید.
HTML/CSS توسعه پایه‌ای است، هنگامی که این درک را به دست آورید، جستجو در زبان‌ها و چارچوب‌های دیگر مانند بوت استرپ، جاوا اسکریپت و بقیه واقعاً آسان می‌شود. ما نه تنها تئوری Html و CSS را گام به گام می آموزیم بلکه جنبه عملی آن را نیز یاد می گیریم و همچنین این دانش را با ساختن پروژه های زندگی واقعی به کار خواهیم برد. ما در کنار پروژه های کوچک یک وب سایت می سازیم.
این دوره برای کمک به افراد مبتدی و متوسط برای یادگیری و تسلط بر اصول اولیه HTML CSS طراحی شده است.
نیازی به دانش قبلی HTML CSS نیست. همه اینها را از ابتدا یاد خواهید گرفت. از آن دوره های خسته کننده پر از اسلاید صرفنظر کنید و در واقع با انجام و ساخت چند پروژه یاد بگیرید.
الزامات Requirements
-
الزامات Requirements
HTML HTML
-
مقدمه Intro
-
برچسب های HTML p,pre,hr,comments,h1-h6 HTML Tags p,pre,hr,comments,h1-h6
-
قالب بندی متن Text Formatting
-
عناصر و صفات Elements and Attributes
-
تصاویر Images
-
برچسب ها یا پیوندها لنگر Anchor Tags or Links
-
لیست ها Lists
-
جدول Table
-
پروژه جدول Table Project
-
تشکیل می دهد Forms
-
پروژه فرم Form Project
-
عناصر HTML5 HTML5 Elements
بخش CSS CSS Section
-
مقدمه ای برای CSS Intro To CSS
-
نحو CSS CSS Syntax
-
قالب بندی Formatting
-
مدل جعبه Box Model
-
موقعیت یابی و چیدمان Positioning and Layout
-
شاخص Z Z-index
پروژه جدول 2 Table Project 2
-
پروژه جدول قسمت 2 Table Project Part 2
CSS ادامه دارد CSS Continued
-
پرسش رسانه Media Query
-
انیمیشن Animation
فلکس باکس Flexbox
-
آشنایی با فلکس باکس Introduction to Flexbox
-
پروژه نوار ناوبری Flexbox Flexbox Navbar Project
-
پاسخگو کردن Making It Responsive
شبکه CSS CSS Grid
-
23. CSS Grid 23. CSS Grid
-
CSS Grid قسمت 2 CSS Grid Part 2
-
پروژه Css Grid Css Grid Project
فرم پروژه 2 Form Project 2
-
فرم پروژه قسمت 2 Form Project Part 2
متغیرهای CSS CSS Variables
-
متغیرهای CSS CSS Variables
واحدهای CSS CSS Units
-
واحدهای CSS CSS Units
-
از چه واحدهایی استفاده کنیم What Units To Use
قسمت 1 - پروژه وب سایت محصول Part 1 - Product Website Project
-
نصب برنامه افزودنی مهم Important Extension Installation
بخش 2 - HTML Part 2 - The HTML
-
هدر و ناو Header and Nav
-
صفحه اصلی/بخش قهرمان Home/Hero Section
-
بخش ویژگی ها Features Section
-
بخش اطلاعات Information Section
-
درباره بخش About Section
-
بخش خرید Purchase Section
-
بخش فرم و پاورقی Form and Footer Section
قسمت 3 - CSS Part 3 - The CSS
-
یک ظاهر طراحی عمومی General Styling
-
مدل دادن به Nav Styling the Nav
-
سبک دادن به خانه Styling the Home
-
سبک دادن به ویژگی ها Styling the Features
-
سبک دادن به اطلاعات Styling the Information
-
استایل دادن به بخش درباره Styling the About Section
-
استایل بخشیدن به بخش خرید Styling the Purchase Section
-
استایل بخشیدن به بخش تماس Styling the Contact Section
-
طراحی پاورقی و تغییرات نهایی Styling The Footer and Final Changes
قسمت 4 - پاسخگو کردن Part 4 - Making It Responsive
-
پرس و جو رسانه 480 پیکسل Media Query 480px
-
پرس و جو رسانه 720 پیکسل Media Query 720px
-
مدیا کوئری 900 پیکسل Media Query 900px
-
Media Query 1200 Media Query 1200
-
آزمایش کردن Testing
چگونه وب سایت خود را در Github میزبانی کنیم How To Host Our Website On Github
-
میزبانی وب سایت Hosting the Website
نتیجه گیری (پایان) Conclusion(The End)
-
از اینجا به کجا برویم Where to Go From Here
https://donyad.com/d/ad2a42
Robert Nana Sarpong
InstructorHello, من Robert N. Sarpong هستم، یک توسعه دهنده full stack. با وجود اینکه تدریس می کنم، بیشتر روزم را صرف یادگیری و ساختن چیزها با کد می کنم. من از کدنویسی و چالش یادگیری هر روز چیز جدید لذت می برم. من با چندین زبان مانند Javascript، React، PHP، Node JS، Java، C++، C، VB و غیره کار کرده ام. با بیش از 5 سال تجربه تدریس، مطمئن خواهم شد که راه های آسان و در عین حال موثر برای حرفه ای شدن را در کمترین زمان به شما آموزش می دهم!
نمایش نظرات