آموزش مبانی توسعه وب (Web Development Fundamentals) - آخرین آپدیت

دانلود Web Development Fundamentals

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این دوره از قابلیت Coursera Coach بهره می‌برد! روشی هوشمندانه‌تر برای یادگیری با گفتگوهای تعاملی و آنی که به شما کمک می‌کند دانش خود را بسنجید، مفروضات خود را به چالش بکشید و در حین پیشروی در دوره، درک خود را عمیق‌تر کنید. این دوره یک معرفی جامع از توسعه وب ارائه می‌دهد و به‌گونه‌ای طراحی شده است تا شما را به مهارت‌های ضروری برای ساخت وب‌سایت‌ها از صفر مجهز کند. شما با یادگیری مبانی HTML5، که ستون فقرات صفحات وب است، شروع خواهید کرد و تجربه عملی در ساختاردهی به اولین صفحه وب خود کسب می‌کنید. با پیشروی در دوره، موضوعات کلیدی مانند قالب‌بندی متن، کار با تصاویر و لینک‌ها و گنجاندن جداول و فرم‌ها را بررسی خواهید کرد. همچنین در طول دوره، نحوه دیباگ (عیب‌یابی) و رفع خطاهای کد را برای حل بهینه مشکلات می‌آموزید. سپس، وارد دنیای CSS3 می‌شوید و یاد می‌گیرید چگونه صفحات وب را با عناصر بصری مانند رنگ‌ها، حاشیه‌ها و فونت‌ها استایل‌دهی کنید. شما بر تکنیک‌هایی مانند Flexbox و انیمیشن‌های CSS مسلط خواهید شد که به شما در ایجاد چیدمان‌های پویا و واکنش‌گرا (Responsive) کمک می‌کند. این دوره همچنین مفاهیم پیشرفته CSS را معرفی کرده و شما را در پروژه‌های جذاب دنیای واقعی، از جمله ساخت وب‌سایت نمونه‌کار (Portfolio) و شبیه‌سازی وب‌سایت BBC News راهنمایی می‌کند. در نهایت، جاوااسکریپت (JavaScript) و جی‌کوئری (jQuery) را بررسی خواهید کرد و در ایجاد تعامل در صفحات وب با تغییرات آنی مهارت می‌یابید. از طریق پروژه‌ها و چالش‌های جذاب، بر مفاهیم جاوااسکریپت مانند متغیرها، حلقه‌ها و توابع مسلط شده و نحوه تغییر پویا در عناصر وب را می‌آموزید. با به‌کارگیری این دانش، بازی‌ها و قابلیت‌های تعاملی را با استفاده از JavaScript و jQuery خواهید ساخت. این دوره برای مبتدیانی که مشتاق ورود به دنیای توسعه وب و کسب مهارت‌های عملی و کاربردی هستند، ایده‌آل است. چه هدف شما ساخت وب‌سایت‌های شخصی باشد و چه دنبال شغلی در حوزه توسعه وب باشید، این دوره بنیادی محکم برای مسیر شما ایجاد می‌کند. در پایان این دوره، شما قادر خواهید بود وب‌سایت‌های کاملاً کاربردی و واکنش‌گرا بسازید، عناصر پویا را با استفاده از JavaScript و jQuery پیاده‌سازی کنید و از بوت‌استرپ (Bootstrap) برای ساخت رابط‌های کاربری در سطح حرفه‌ای بهره ببرید.

سرفصل ها و درس ها

شروع به کار Getting Started

  • مقدمه‌ای بر بخش شروع به کار Introduction to Getting Started Section

  • راهنمای شروع Getting Started

  • نحوه دیباگ کردن کد How to Debug the Code

HTML 5 HTML 5

  • مقدمه‌ای بر HTML 5 Introduction to HTML 5

  • اولین صفحه وب شما Your First Webpage

  • ساختار یک صفحه وب The Structure of a Webpage

  • ساخت یک صفحه وب کامل Creating a Full Webpage

  • تگ‌های هدر (Header) Header Tags

  • تگ‌های پاراگراف Paragraph Tags

  • قالب‌بندی متن Formatting Text

  • لیست‌های بدون ترتیب Unordered Lists

  • لیست‌های مرتب Ordered Lists

  • تصاویر Images

  • فرم‌ها Forms

  • جداول Tables

  • لینک‌ها Links

  • موجودیت‌های HTML HTML Entities

  • صوت و ویدیو Audio and Video

  • جمع‌بندی و ترکیب مطالب Putting It All Together

  • راه‌اندازی هاست رایگان Setting Up Your Free Hosting

  • تنظیمات FTP Setting Up FTP

CSS 3 CSS 3

  • مقدمه‌ای بر بخش CSS 3 Introduction to CSS 3 Section

  • CSS چیست؟ What Is CSS?

  • استایل‌دهی داخلی (Inline CSS) Inline CSS

  • استایل‌دهی درونی (Internal CSS) Internal CSS

  • کلاس‌ها و آی‌دی‌ها (Classes and IDs) Classes and IDs

  • المان‌های Div Divs

  • رنگ‌ها Colors

  • شناور کردن (Floating) Floating

  • جای‌گذاری (Positioning) Positioning

  • حاشیه‌های بیرونی (Margins) Margins

  • فاصله‌های داخلی (Padding) Padding

  • borderها و حاشیه‌ها Borders

  • فونت‌ها Fonts

  • استایل‌دهی به متن Styling Text

  • تراز کردن متن Aligning Text

  • استایل‌دهی به لینک‌ها Styling Links

  • انتخاب‌گرهای پیشرفته Advanced Selectors

  • شبه‌کلاس‌ها (Pseudo Classes) Pseudo-Classes

  • گرادینت‌ها Gradients

  • افکت سایه Shadow Effect

  • ترانسفورم‌ها و انیمیشن‌ها Transformations and Animations

  • فلکس‌باکس (Flexbox) Flexbox

  • ریست کردن CSS CSS Reset

  • پروژه: وب‌سایت نمونه‌کار - بخش اول Project: Portfolio Website

  • پروژه: وب‌سایت نمونه‌کار - بخش دوم Project: Portfolio Website Part 2

  • پروژه: وب‌سایت نمونه‌کار - بخش سوم Project: Portfolio Website Part 3

  • استایل‌دهی خارجی (External CSS) External CSS

  • پروژه CSS: وب‌سایت BBC News (۱) CSS Project BBC News Website (1)

  • پروژه CSS: وب‌سایت BBC News (۲) CSS Project BBC News Website (2)

  • پروژه CSS: وب‌سایت BBC News (۳) CSS Project BBC News Website (3)

  • پروژه CSS: وب‌سایت BBC News (۴) CSS Project BBC News Website (4)

جاوااسکریپت JavaScript

  • مقدمه‌ای بر بخش جاوااسکریپت Introduction to JavaScript Section

  • جاوااسکریپت چیست؟ What Is JavaScript?

  • جاوااسکریپت داخلی (Internal JS) Internal JavaScript

  • دسترسی به عناصر Accessing Elements

  • واکنش به کلیک Responding to a Click

  • تغییر محتوای وب‌سایت Changing Website Content

  • مدیریت استایل‌ها با جاوااسکریپت Manipulating Styles with JavaScript

  • چالش: دایره‌های ناپدیدشونده Challenge - Disappearing Circles

  • متغیرها Variables

  • آرایه‌ها Arrays

  • دستورات شرطی (If Statements) If Statements

  • پروژه بازی: چند انگشت؟ Game - How Many Fingers Projects

  • حلقه‌های For For Loops

  • حلقه‌های While While Loops

  • توابع (Functions) Functions

  • متغیرهای let و const Let and Const Variables

  • پروژه: تست‌کننده سرعت واکنش Project: Reaction Tester

  • جاوااسکریپت خارجی (External JS) External JavaScript

جی‌کوئری jQuery

  • مقدمه‌ای بر بخش جی‌کوئری Introduction to jQuery Section

  • جی‌کوئری چیست؟ What Is jQuery?

  • استفاده از jQuery در صفحات وب Using jQuery in Your Webpages

  • تشخیص کلیک Detecting a Click

  • تغییر محتوای وب‌سایت با jQuery Changing Website Content

  • تغییر استایل‌های وب‌سایت با jQuery Changing Website Styles

  • افکت محو شدن محتوا (Fading) Fading Content Effect

  • انیمیت کردن محتوا Animating Content

  • عبارات منظم (Regular Expressions) Regular Expressions

  • معرفی jQuery UI Introducing jQuery UI

  • عناصر قابل جابه‌جایی (Draggables) Draggables

  • عناصر قابل تغییر اندازه (Resizables) Resizables

  • عناصر قابل رها کردن (Droppables) Droppables

  • آکاردئون‌ها و مرتب‌کننده‌ها Accordions and Sortables

بوت‌استرپ 5 Bootstrap 5

  • مقدمه‌ای بر بخش بوت‌استرپ Introduction to Bootstrap Section

  • بوت‌استرپ چیست؟ What Is Bootstrap?

  • اولین سایت بوت‌استرپی شما Your First Bootstrap Site

  • سیستم شبکه‌بندی (Grid System) The Grid System

  • معرفی نوار ناوبری (Navbars) Introducing Navbars

  • فرم‌ها و جداول در بوت‌استرپ Forms and Tables

  • کامپوننت‌های بوت‌استرپ Bootstrap Components

  • مودال‌ها، پاپ‌اورها و تول‌تیپ‌ها Modals, Popovers, and Tooltips

  • قابلیت ScrollSpy ScrollSpy

  • پروژه: ساخت صفحه فرود (Landing Page) Project - Landing Page

نمایش نظرات

آموزش مبانی توسعه وب (Web Development Fundamentals)
جزییات دوره
16h 45m
94
(آخرین آپدیت)
354
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده