نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
روندهای front-end می آیند و می روند اما در هسته اصلی همه این ابزارها هنوز HTML ، CSS و JavaScript هستند. شما آن را به اصول برگردانید اما کمی بیشتر در آن غواصی کنید تا درک بهتری از زبانهای جلویی پیدا کنید. در هسته اصلی توسعه معماری جلویی هر وب سایت ، دانش کامل نه تنها HTML و CSS است. بلکه چگونگی استفاده موثر از این زبان ها. در این دوره ، Building Stronger Front-End Practices ، شما خواهید آموخت که چگونه پروژه های خود را با قابلیت نگهداری ، انعطاف پذیری و مقیاس پذیری بیشتر کنید. ابتدا سازمان و معناشناسی HTML را یاد خواهید گرفت. سپس ، یاد می گیرید که چگونه CSS کارآمد بنویسید و ساختارهای کد مدولار ایجاد کنید. در آخر ، شما یاد خواهید گرفت که چگونه یک راهنمای سبک برای پروژه ها و پایگاه کد خود ایجاد کنید. وقتی این دوره را به پایان رسانید ، دانش بنیادی قوی تری از فن آوری های front-end خواهید داشت که به شما کمک می کند با پیشرفت در ساخت پروژه های بهتر و استفاده از بهترین روش ها ، فارغ از اینکه از چه ابزارهای جلویی استفاده می کنید ، کمک کند. انتخاب کنید.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
مقدمه
Introduction
-
مقدمه
Introduction
-
نسخه ی نمایشی
Demo
نوشتن HTML5 معنایی و در دسترس
Writing Semantic & Accessible HTML5
-
مقدمه
Introduction
-
ایجاد پروژه خود
Creating Your Own Project
-
برنامه ریزی پروژه
Planning the Project
-
بهبود گردش کار
Improving Your Workflow
-
عناصر معنایی HTML5
Semantic HTML5 Elements
-
مدل های معنایی و محتوای HTML
HTML Semantics and Content Models
-
رئوس مطالب و عناوین سند
Document Outlines and Headings
-
خلاصه
Summary
ایجاد یک راهنمای سبک
Establishing a Style Guide
-
مقدمه
Introduction
-
شناسه ها در مقابل کلاس
IDs vs. Class
-
نامگذاری کنوانسیون ها
Naming Conventions
-
نامگذاری کنوانسیون با BEM
Naming Conventions with BEM
-
قالب بندی سازگار با EditorConfig
Consistent Formatting with EditorConfig
-
نظرات و مستندات
Comments and Documentation
-
تنظیم مجدد شیوه نامه ها و & lt؛ پیوند در مقابلimport
Reset Stylesheets and <link> vs. @import
-
تمرین پروژه ، قسمت 1
Project Exercise, Part 1
-
تمرین پروژه ، قسمت 2
Project Exercise, Part 2
-
خلاصه
Summary
نوشتن CSS مدولار
Writing Modular CSS
-
مقدمه
Introduction
-
دسته بندی CSS و تعریف الگوها
Categorizing CSS and Defining Patterns
-
با استفاده از چندین صفحه سبک
Using Multiple Stylesheets
-
معرفی پردازنده های CSS و Sass
Intro to CSS Preprocessors and Sass
-
تنظیم محیط Dev خود
Setting up Your Dev Environment
-
یک ماژول CSS بسازید
Build a CSS Module
-
راهنماها و مستندات سبک
Styles Guides and Documentation
-
خلاصه
Summary
اصول CSS و بهترین روش ها
CSS Fundamentals & Best Practices
-
مقدمه
Introduction
-
پیوندهای نمایش و پیمایش CSS
CSS Display and Navigation Links
-
نسخه ی نمایشی: پیمایش
Demo: Navigation
-
نمایش در برابر شناورها
Display vs. Floats
-
کلاس های پیمایش ، Mixins و Helper را لیست کنید
List Navigation, Mixins, and Helper Classes
-
معرفی Flexbox
Intro to Flexbox
-
نسخه ی نمایشی: Float و Flexbox
Demo: Float and Flexbox
-
اندازه قلم و طول واحد
Font-sizing and Length Units
-
انتخاب کنندگان CSS
CSS Selectors
-
نوشتن سیال CSS
Writing Fluid CSS
-
بهینه سازی برای CSS و JavaScript
Optimizing for CSS and JavaScript
-
نتیجه
Conclusion
نمایش نظرات