آموزش کدنویسی دوره CSS از ابتدا: مبتدی تا متخصص
Learn to Code CSS Course from scratch: Beginner to Expert
به دوره Mastering CSS خوش آمدید، یک برنامه جامع که برای تقویت مهارت ها و دانش شما برای ایجاد طراحی های وب خیره کننده و پاسخگو طراحی شده است. CSS (Cascading Style Sheets) یک فناوری اساسی است که در توسعه وب برای کنترل ظاهر بصری صفحات وب استفاده می شود. در این دوره، شما پتانسیل کامل CSS را کشف خواهید کرد و یاد خواهید گرفت که چگونه از قابلیت های آن برای ایجاد وب سایت های بصری جذاب و کاربر پسند استفاده کنید.
این دوره با آشنایی شما با اصول CSS از جمله انتخابگرها، خواص و مقادیر آغاز می شود. شما درک کاملی از مدل جعبه، عناصر موقعیت یابی، کار با تایپوگرافی و دستکاری رنگ ها و پس زمینه ها به دست خواهید آورد. از طریق تمرین‌ها و پروژه‌های عملی، تجربه عملی در نوشتن کد CSS به دست خواهید آورد و به طراحی چشم خواهید داشت.
بیاموزید که هوش مصنوعی برای یادگیری آینده چیست
از کارشناسان دنیای واقعی با استفاده از ChatGPT برای ایجاد کد منبع CSS، پشتیبانی هوش مصنوعی را باز کنید
CSS - مخفف Cascading Style Sheets - یک "زبان برنامه نویسی" است که از آن برای تبدیل صفحات HTML پایه خود به وب سایت های زیبا واقعی استفاده می کنید.
این دوره تمام استانداردها را پوشش می دهد - ما از اصول اولیه شروع می کنیم (CSS چیست؟ چگونه کار می کند؟ چگونه آن را اعمال می کنید)؟ و به تدریج عمیق تر و عمیق تر شیرجه بزنید. و ما این کار را با نمایش مثال‌های کدگذاری عملی و همچنین تئوری پشت آنها انجام می‌دهیم.
شروع با CSS ممکن است آسان به نظر برسد اما در واقع عمق زیادی برای CSS وجود دارد - از این رو این دوره "سطوح" یا "نقاط ورودی" متفاوتی را ارائه می دهد تا دقیقاً خواسته های شما را برآورده کند و سطح دانش فعلی شما را منعکس کند:
سطح پایه: از ابتدا شروع کنید و CSS را از پایه یاد بگیرید. شما با سخنرانی 1 شروع می کنید و به سادگی تا پایان مرحله به مرحله ادامه می دهید.
سطح متوسط: شما قبلاً اصول CSS را می‌دانید، می‌دانید CSS داخلی، داخلی و خارجی چیست و چگونه کار می‌کند، اما می‌خواهید عمیق‌تر شوید و برخی از ویژگی‌ها و کاربردهای متوسط را یاد بگیرید.
سطح پیشرفته: شما دانش متوسط را نیز دارید، اما می‌خواهید در مواردی مانند Layout، CSS Animation، و صفحات پاسخگو CSS برای اعمال یک صفحه CSS که برای چندین دستگاه مانند موبایل، t.v، قابل اجرا باشد، غوطه ور شوید. کامپیوتر و صفحه نمایش های بزرگ.
سطح خبره: شما نیز دانش پیشرفته ای دارید، اما می خواهید در مواردی مانند ستون های متعدد، CSS درباره طراحی UI/UX و صفحه بندی CSS غوطه ور شوید. این سطح برای شماست.
البته، این دوره تئوری و مثال‌های عملی در دنیای واقعی را ارائه می‌کند - ما یک پروژه دوره واقعی را در طول دوره خواهیم ساخت - اما یک چالش تمرین کدنویسی نیز برای شما وجود دارد که بتوانید مفاهیم فردی تدریس شده در طول دوره را تمرین کنید.
صحبت در مورد پروژه دوره - ما یک الگوی ساده را توضیح خواهیم داد که از وب و مراحل بسیار ساده برای ایجاد پروژه های دنیای واقعی در زمان کمتری انجام می شود. ما یک صفحه شروع خواهیم داشت که دارای بخش‌های مختلف است، یک طراحی واکنشگرا داریم، مدال‌ها و فرم‌ها را نشان می‌دهیم و به طور کلی، تعداد زیادی انیمیشن CSS، سبک‌های فونت و موارد دیگر داریم!
در اینجا جزئیات داخل دوره آمده است - این همه در یک پروژه دنیای واقعی نیز اعمال می شود:
مبانی اولیه در مورد CSS و انتخابگرهای داخلی، داخلی و خارجی،
ترکیب‌های اصلی و نحوه تنظیم قوانین استایل به طور کلی ویژگی‌ها و مقادیر آنها
کلاس‌ها و شناسه‌های خاص چگونه کار می‌کنند و چرا به آن Style Sheets "Cascading" می‌گویند
مفاهیم نظری مهم مانند "مدل جعبه"
نحوه تغییر موقعیت پیش فرض عناصر
طراحی پس‌زمینه (مانند شیب‌ها) و تصاویر
معمولاً از کدام اندازه‌ها و ابعاد در CSS استفاده میکنید (px، ٪ و بیشتر)
طراحی واکنشگرا و معنای "Mobile First"
شکل دادن به فرم‌ها، ورودی‌های فرم و ترازهای آنها
کار با متن، فونت ها و سبک های متن
نحوه کارکرد و نحوه استفاده از آن در تمرینات کدنویسی در دنیای واقعی
استفاده از شبکه CSS و تفاوت آن با شبکه HTML
تبدیل و متحرک سازی عناصر HTML با کمک CSS
نوشتن CSS آینده‌نگر با ویژگی‌هایی مانند کلاس‌های شبه CSS یا نام‌های بهترین کلاس‌ها
این دوره برای شما مناسب است؟
این برای شماست اگر
شما با یادگیری توسعه وب شروع کرده اید و می خواهید وب سایت های زیباتری بسازید
شما قبلاً CSS را می شناسید اما می خواهید عمیق تر شوید
شما از CSS به صورت آزمون و خطا استفاده می کنید و می خواهید این را تغییر دهید (باید!)
اگر ...
ممکن است بعداً برگردیدشما یک حرفه ای مطلق در CSS هستید و پیش نویس های گروه کاری CSS را به طور خلاصه می دانید
شما یک توسعه دهنده فقط باطن هستید (Java، Angular، Node، Asp.Net، PHP، NO HTML یا JavaScript frontend)
شما یک تازه وارد در توسعه وب هستید و اصول CSS را نمی دانید
اگر برای شما خوب به نظر می رسد، خوشحال می شویم که به این دوره از شما خوشامد بگوییم!
درباره مربی شما
سخار متلا یک مهندس نرم افزار با 20 سال تجربه حرفه ای است. او نویسنده چندین دوره فروش آنلاین Udemy با بیش از 50000 دانشجو در بسیاری از کشورها است. او دارای مدرک کارشناسی ارشد در برنامه های کاربردی کامپیوتر در مهندسی نرم افزار است. شاگردانش او را فردی پرشور، عملگرا و با انگیزه در تدریسش توصیف می کنند.
مقدمه Introduction
-
شروع به کار Getting Started
-
برنامه درسی دوره Course Curriculum
-
نحوه دریافت الزامات دوره How to Get Course requirements
-
شروع به کار در ویندوز، لینوکس یا مک Getting Started on Windows, Linux or Mac
-
چگونه از یک سوال بزرگ بپرسیم How to ask a Great Questions
-
سوالات متداول FAQ’s
-
کد منبع چیست؟ What is Source code
-
ChatGPT AI برای توسعه نرم افزار ChatGPT AI for Software Development
-
بیاموزید Generative AI/Generative AI چیست Learn What is Generative AI / Gen AI
راه اندازی محیط توسعه Setting up Development Environment
-
مقدمه CSS Introduction CSS
-
انتخاب ویرایشگر کد Choosing Code Editor
-
نصب ویرایشگر کد (متن عالی) Installing Code Editor (Sublime Text)
-
سینتکس پایه CSS CSS Basic Syntax
-
ایجاد صفحه اول با CSS Style Creating a first page with CSS Style
-
خلاصه Summary
CSS Basic CSS Basic
-
مقدمه Introduction
-
CSS درون خطی Inline CSS
-
CSS داخلی Internal CSS
-
CSS خارجی External CSS
-
کلاس های CSS CSS Classes
-
شناسه های CSS CSS IDs
-
رنگ ها Colors
-
پس زمینه ها Backgrounds
-
شناور Floating
-
موقعیت یابی Positioning
-
حاشیه ها Margins
-
بالشتک Padding
-
مرزها Borders
-
خلاصه Summary
CSS Intermediate CSS Intermediate
-
مقدمه Introduction
-
استایل دادن به متن Styling Text
-
تراز کردن متن Aligning Text
-
پیوندهای یک ظاهر طراحی شده Styling Links
-
خانواده فونت Font Family
-
سبک های فونت Font Styles
-
استفاده از فونت های گوگل Applying Google Fonts
-
مدل جعبه Box Model
-
نمادها Icons
-
جداول Tables
-
Navigation-Menu Navigation-Menu
-
کشویی Dropdowns
-
خلاصه Summary
CSS پیشرفته CSS Advanced
-
مقدمه Introduction
-
انتخابگرهای پیشرفته Advanced Selectors
-
فرم ها Forms
-
طرح بندی وب سایت Website Layout
-
گوشه های گرد Rounded Corners
-
کلمات کلیدی رنگی Color Keywords
-
انیمیشن ها Animations
-
کلاس های شبه Pseudo Classes
-
گرادیان ها Gradients
-
سایه ها Shadows
-
محاسبات Calculations
-
ایجاد صفحه واکنش گرا Creating Responsive Page
-
خلاصه Summary
کارشناس CSS CSS Expert
-
بخش مقدمه Section Introduction
-
سبک های دکمه Button Styles
-
صفحه بندی Pagination
-
ستون های متعدد Multiple Columns
-
انعکاس تصویر Image Reflection
-
طراحی UI/UX UI / UX Design
-
آیکون های رسانه های اجتماعی Social Media Icons
-
اضافه کردن سبک CSS خارجی External CSS Style adding
-
تمرین کدنویسی Coding Exercise
-
راه حل تمرین کدنویسی Solution for Coding Exercise
-
خلاصه Summary
پروژه وب سایت CSS CSS Website Project
-
بخش مقدمه section Introduction
-
دریافت پروژه CSS CSS Project Getting
-
بررسی اجمالی پروژه CSS CSS Project Overview
-
خلاصه Summary
https://donyad.com/d/0a21a2
Metla Sudha Sekhar
توسعه دهنده و مدرس اصلی
نمایش نظرات