تبلیغات

طراحی وب سایت واکنشگرا را از ابتدا یاد بگیرید.(شامل دوره های HTML5 و CSS3)

دسته بندی ها: آموزش طراحی وب ، آموزش اچ تی ام ال (HTML) ، آموزش های Skillshare ، آموزش CSS

در این دوره نحوه ایجاد یک وب سایت واکنشگرا از ابتدا را یاد می گیرید.
در این دوره شما چیزهای زیادی یاد خواهید گرفت و همه چیز قرار داده شده است، به این معنی که HTML و ساختار صفحه به همراه CSS و نحوه پیوست کردن فایلهای css و js به صفحه وب خود را می آموزید.
در این دوره با HTML5 ،CSS3 و طراحی وب واکنشگرا (نحوه ساخت وب سایت های mobile friendly) آشنا می شوید.
برخی از مواردی که در این دوره مبتدی یاد خواهید گرفت عبارتند از:
نحوه ایجاد یک صفحه HTML و مشاهده آن (در 3 دقیقه اول این دوره)
ساختار صفحه HTML چگونه کار می کند
چگونه فایل های cc و .js را به درستی وارد کنیم
نحوه قرار دادن عناصر HTML در داخل یکدیگر
نحوه نوشتن HTML مجزا
نحوه افزودن کلاسهای HTML سفارشی و آیدی برای استایل دهی سفارشی در CSS
درباره CSS چیزهای زیادی می آموزید ، از جمله:
یک استایل دهی اولیه، مانند رنگ های پس زمینه، رنگ های متن، اندازه فونت و موارد دیگر
چگونه CSS specificity کار می کند، و چگونه می توان آن را نادیده گرفت
نحوه استایل دهی عناصر، آیدی ها و کلاس ها
تو در تویی و گروه بندی CSS selectors 
مدیا کوئری های واکنشگرا
روش های استایل دهی Mobile-first و desktop-first
اصلاح کننده های استایل
نحوه وسط چین کردن عناصر در حالت افقی و عمودی
Box Model
CSS Gradients
نحوه استفاده و نوشتن Flexbox
 استایل های ترنزیشن ( light animations )
و البته شما نکات متفاوت، ترفندها و مهارت های مختلف را می آموزید ، از جمله:
چگونه آیکون های سفارشی را به صفحه خود اضافه کنید
چگونه بررسی کنیم که آیا فایل های css و js به درستی وارد صفحه شما شده اند یا خیر
چگونه استایل خود را مستقیماً در مرورگر تغییر دهید
نحوه اشکال زدایی مستقیم CSS در مرورگر
نحوه اجرای جاوااسکریپت پایه در مرورگر
نحوه افزودن آیکون ها به وب سایت
پروژه کلاسی این دوره، ایجاد یک وب سایت بسیار کوچک و ساده و کاملاً واکنشگرا می باشد.

آیا این نوشته را دوست داشتید؟
Learn Responsive Web Design 101 from scratch (includes HTML5 and CSS3 crash courses) Publisher:Skillshare Author:Kalob Taulien Duration:30 Videos (1h 44m)

Learn how to create a responsive website from scratch! 
In this course you will learn a lot, and everything is included, meaning you'll learn HTML and page structure, along with some CSS and how to attach .css and .js files to your web page. 
In this course you will learn about HTML5, CSS3, and responsive web design (how to make mobile friendly websites!)
Some of the things you will learn in this beginner-friendly course are:
How to create an HTML page and view it (within the first 3 minutes of this course)
How HTML page structure works
How to import .css and .js files properly 
How to nest HTML elements inside of each other
How to write HTML entities 
How to add custom HTML classes and ID's for custom styling in CSS
You'll learn a lot about CSS, including:
Basic styling, such as background colors, text colors, font sizes and more
How CSS specificity works, and how to override it
How to style elements, ID's and classes
Nesting and grouping CSS selectors 
Responsive Media Queries 
Mobile-first, and desktop-first styling methods 
Style modifiers 
How to center elements horizontally and vertically 
The Box Model
CSS Gradients
How to use and write Flexbox 
Transitioning styles (light animations)
And of course you'll learn a tonne of miscellaneous tips, tricks and skills, including:   
How to add custom icons to your page
How to check if .css and .js files are imported into your page properly
How to change your styles directly in the browser
How to debug CSS directly in the browser 
How to execute very basic JavaScript in the browser 
How to add custom icons to your website 
In this course, the class project is creating a very small and simple fully responsive website.

پیشنهاد فرادرس