لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش مقدماتی توسعه وب (Web Development)
- آخرین آپدیت
دانلود Introduction to Web Development
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره شامل بلوکهای اصلی و ضروری توسعه وب از جمله HTML، CSS و JavaScript است. شما طراحی واکنشگرا (Responsive Design)، دسترسیپذیری وب (Web Accessibility) و نحوه استفاده از Git و Microsoft Copilot را برای همکاری تیمی و ساخت کارآمد پروژههای کوچک وب خواهید آموخت.
در پایان این برنامه، شما قادر خواهید بود تا:
ساختار پایه و عناصر HTML، سینتکس CSS و JavaScript و مفاهیم کنترل نسخه (Version Control) را تعریف کنید.
اصول طراحی واکنشگرا، دسترسیپذیری وب، دستکاری DOM، جاوااسکریپت ناهمگام (Asynchronous) و ادغام Git با ابزارهای توسعه را توضیح دهید.
تکنیکهای پیشرفته CSS، توابع و Scope در جاوااسکریپت، توسعه مشارکتی با GitHub و ویژگیهای Microsoft Copilot را شرح دهید.
مهارتهای HTML، CSS و JavaScript را همراه با Microsoft Copilot برای اجرای یک پروژه کوچک وب به کار بگیرید.
سرفصل ها و درس ها
HTML برای توسعه وب
HTML for Web Development
مقدمه دوره: آشنایی با توسعه وب
Course Introduction: Introduction to Web Development
معرفی مدرس
Instructor Introduction
جزئیات و ساختار دوره
The What’s What of the Course
نحوه انجام آزمایشگاههای راهنما
Completing the Guided Labs
معرفی ابزار هوش مصنوعی: Microsoft Copilot
Introducing the AI Tool: Microsoft Copilot
چگونه در این برنامه موفق شویم
How to Be Successful in This Program
معرفی پروژه
Introduction to the Project
مقدمهای بر HTML
Introduction to HTML
عناصر و تگهای HTML
HTML Elements and Tags
ویژگیهای (Attributes) HTML
HTML Attributes
ساختار و سلسله مراتب سند HTML
HTML Document Structure and Hierarchy
HTML به عنوان پایه محتوای وب
HTML as the Foundation of Web Content
تعامل بین HTML و CSS
Interaction Between HTML and CSS
تعامل بین HTML و JavaScript
Interaction Between HTML and JavaScript
درک HTML معنایی (Semantic)
Understanding Semantic HTML
HTML معنایی و دسترسیپذیری
Semantic HTML and Accessibility
پیادهسازی HTML معنایی در توسعه وب
Implementing Semantic HTML in Web Development
ساختاردهی به یک سند HTML
Structuring an HTML Document
کار با فرمها، جداول و لیستها
Working with Forms, Tables, and Lists
ادغام عناصر رسانهای
Integrating Media Elements
ساخت یک سند HTML
Building an HTML Document
ساختاربندی صفحه وب
Structuring the Web Page
گنجاندن متن، لیستها و لینکها
Incorporating Text, Lists, and Links
بررسی گامبهگام صفحه HTML
HTML Page Walk Through
ساخت یک صفحه وب با HTML
Create a Web Page with HTML
نتیجهگیری: HTML برای توسعه وب
Conclusion: HTML for Web Development
CSS برای توسعه وب
CSS for Web Development
مقدمهای بر CSS برای توسعه وب
Introduction to CSS for Web Development
سینتکس و ساختار CSS
CSS Syntax and Structure
اعمال CSS بر اسناد HTML
Applying CSS to HTML Documents
مدل جعبهای CSS (Box Model)
The CSS Box Model
اصول طراحی وب واکنشگرا
Responsive Web Design Principles
رسانههای پرسوجو (Media Queries)
Media Queries
تکنیکهای ایجاد چیدمانهای منعطف
Techniques for Creating Flexible Layouts
مقدمهای بر بهبود دسترسیپذیری وب با CSS
Introduction to Enhancing Web Accessibility with CSS
استفاده از CSS برای بهبود دسترسیپذیری
Using CSS to Enhance Accessibility
بهترین روشها برای طراحی قابل دسترس
Best Practices for Accessible Design
استفاده از Flexbox برای چیدمانهای واکنشگرا
Flexbox for Responsive Layouts
استفاده از CSS Grid برای چیدمانهای پیچیده
CSS Grid for Complex Layouts
انیمیشنها و گذارهای CSS
CSS Animations and Transitions
برنامهریزی برای طراحی وب واکنشگرا
Planning a Responsive Web Design
پیادهسازی Flexbox برای چیدمانهای واکنشگرا
Implementing Flexbox for Responsive Layouts
ساخت صفحه وب واکنشگرا با تکنیکهای پیشرفته CSS
Creating a Responsive Web Page with Advanced CSS Techniques
نتیجهگیری: CSS برای توسعه وب
Conclusion: CSS for Web Development
مقدمهای بر جاوااسکریپت برای تعاملپذیری
Introduction to JavaScript for Interactivity
نمایش نظرات