آموزش دوره نهایی طراحان وب و توسعه دهندگان وب

Ultimate Web Designer & Web Developer Course

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: در سال 2023 یک طراح وب تمام عیار شوید - همه چیز را از اصول طراحی وب تا توسعه وب فرانت اند بیاموزید ساخت 23+ پروژه طراحی و توسعه وب سفارشی با دست بیاموزید بیش از 18 رشته حرفه ای را به صورت خودگردان برنامه ریزی، طراحی و کدنویسی کنید. پروژه وب سایت از ابتدا تا راه اندازی! برنامه‌ها، طراحی و کدنویسی قوی و کاملا سفارشی، وب‌سایت‌ها و برنامه‌های کاربردی را کاوش کنید ابزارهای طراحی وب مدرن را کاوش کنید. کد در سطح تخصصی از مهارت با وب‌سایت‌ها و برنامه‌های کد HTML و CSS با بازی‌ها و انیمیشن‌های اولیه کد HTML5 و CSS3 با CSS3 و jQuery به راحتی از Adobe استفاده کنید. فتوشاپ برای دستکاری عکس، ایجاد و طراحی گرافیک از ابزارهای مدرن مانند Figma، Adobe XD و Photoshop برای طراحی و نمونه سازی برای وب استفاده کنید. نحوه قاب بندی و بهینه سازی UX برای وب سایت ها و برنامه های کاربردی وب بیاموزید که چگونه ترکیبات صحیح فونت را برای پروژه های خود انتخاب کنید طرح های رنگی زیبا بر اساس تئوری رنگ های علمی ایجاد کنید یک «ماشین حساب نکته» ساده در جاوا اسکریپت بسازید یک برنامه کاربردی وب مفید «To Do List» بسازید. در jQuery UI یاد بگیرید چگونه به راحتی میزبانی وب و نام دامنه را راه اندازی کنید آموزش برنامه نویسی برنامه های کاربردی ساده PHP Desi gn، ساخت و مدیریت وب‌سایت‌های سفارشی مبتنی بر پایگاه داده با MySQL ساخت «کتاب آدرس مشتری» کاملاً کاربردی با PHP و MySQL راه‌اندازی یک وبلاگ وردپرس در ۵ دقیقه مدیریت وب‌سایت‌های وردپرس مشتری خود بیاموزید چگونه به عنوان یک وب تمام وقت استخدام شوید. طراح یا توسعه دهنده وب نحوه راه اندازی یک کسب و کار مستقل سودآور و موفق را به عنوان یک طراح یا توسعه دهنده وب بیاموزید یاد بگیرید چگونه از هر یک از رشته هایی که یاد می گیرید درآمد تمام وقت کسب کنید! به‌عنوان یک طراح یا توسعه‌دهنده وب، یک کار جانبی را شروع کنید. یاد بگیرید چگونه اولین مشتری (یا بعدی) طراحی وب خود را پیدا کنید. هر سیستم عامل: مک، رایانه شخصی، لینوکس بدون نیاز به نرم افزار گران قیمت

به دوره برنامه نویس وب طراح نهایی خوش آمدید! آیا آماده هستید تا در سال 2023 یک طراح وب کامل شوید؟ اگر چنین است، در جای درستی هستید.

دوره جامع ما توسط Brad Hussey، شریک Udemy و طراح وب با تجربه با بیش از 500000 دانشجو در سراسر جهان و بیش از 10 سال تجربه به عنوان یک طراح وب حرفه ای تدریس می شود. از اصول اولیه طراحی وب تا مهارت های توسعه front-end، این دوره از A تا Z همه چیزهایی را که برای موفقیت در دنیای طراحی و توسعه وب باید بدانید را پوشش می دهد. بر روی چیزهایی که باید یاد بگیرید تمرکز می کند و از جزئیات غیر ضروری جلوگیری می کند. این دوره آموزشی Udemy با بیش از 80000 دانش آموز خوشحال، مورد اعتماد مبتدیان و متخصصان است.

در این دوره آموزشی، نحوه استفاده از Adobe Photoshop، ترسیم وایرفریم های حرفه ای و کد با HTML، CSS، جاوا اسکریپت و jQuery را یاد خواهید گرفت. همچنین در مورد طراحی واکنشگرا با استفاده از چارچوب هایی مانند Bootstrap و Tailwind CSS (به زودی) یاد خواهید گرفت. علاوه بر ساخت پروژه خود، در طول دوره بر روی بیش از 23 طرح، وب سایت و برنامه کار خواهید کرد.

برخی از پروژه هایی که خواهید ساخت کدامند؟

علاوه بر کار بر روی پروژه خودگردان خود که شما را در استفاده از مهارت های جدید خود در حین یادگیری به چالش می کشد، بیش از 23 پروژه سفارشی را در طول دوره ایجاد خواهید کرد:

در فتوشاپ:

  • یک گرافیک وب سفارشی طراحی کنید

  • یک کارت ویزیت سفارشی طراحی کنید

  • یک صفحه فرود مدرن طراحی کنید

  • یک وبلاگ را دوباره طراحی کنید

در HTML5 CSS3:

صفحات وب چند وب سایت سفارشی

  • صفحه فرود Google را کدگذاری کنید

  • انیمیشن "سیارات در حال گردش" در CSS3

  • یک وب سایت "سبک راه اندازی" پاسخگو

در Javascript jQuery

  • یک "ماشین حساب نکته" در حال کار

  • یک بازی واقعی ماشین مسابقه ای

  • یک برنامه وب "فهرست کارهای انجام شده"

در PHP MySQL

  • وب سایت های پویا

  • برنامه ای چشمگیر که سرفصل های کلیک را اصلاح می کند

  • کار "ورود" و "خروج" دنباله

  • صفحه نمایه ای که اطلاعات را از پایگاه داده استخراج می کند

  • برنامه قوی "کتاب آدرس مشتری" که اطلاعات مشتریان شما را مدیریت می کند

  • افزونه وردپرس سفارشی

در AngularJS

  • برنامه تک صفحه ای فهرست املاک

در افزونه های وردپرس

  • افزونه "نظرسنجی" سفارشی، دنیای واقعی

...و خیلی بیشتر

هنگامی که بر فرانت اند مسلط شدید، مهارت های پیشرفته ای مانند PHP، MySQL، WordPress و توسعه افزونه های وردپرس سفارشی را بررسی خواهیم کرد. در پایان دوره، شما مهارت ها و دانش لازم برای شروع حرفه طراحی وب موفق خود را خواهید داشت، چه بخواهید به عنوان یک فریلنسر یا در یک آژانس طراحی کار کنید.

اما همه چیز به همین جا ختم نمی شود! دوره ما همچنین شامل بخش شغلی است که نکات ارزشمند، منابع و راهنمایی های دنیای واقعی را ارائه می دهد تا به شما در موفقیت در حرفه جدید کمک کند. با آموزش گام به گام یکی از مجرب ترین و پرشورترین مربیان طراحی وب در اطراف، شما در راه تبدیل شدن به یک طراح وب موفق خواهید بود.

پس دیگر منتظر نمانید. امروز به دوره ما بپیوندید و سفر خود را برای تبدیل شدن به یک طراح وب کامل در سال 2023 آغاز کنید!

شما را از درون می بینم!


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

سلام! به دوره خوش آمدید! Hey! Welcome to the course!

  • خوش آمدی! Welcome!

  • گزارش تغییر دوره - به روز رسانی های جدید دوره! Course Change Log — New Updates to the Course!

  • منابع برای سفر Resources for the Journey

  • ماشین حساب قیمت: نرخ ساعتی و پتانسیل درآمد خود را کشف کنید Price Calculator: Discover Your Hourly Rate & Your Income Potential

سلام! به دوره خوش آمدید! Hey! Welcome to the course!

  • خوش آمدی! Welcome!

  • گزارش تغییر دوره - به روز رسانی های جدید دوره! Course Change Log — New Updates to the Course!

  • منابع برای سفر Resources for the Journey

  • ماشین حساب قیمت: نرخ ساعتی و پتانسیل درآمد خود را کشف کنید Price Calculator: Discover Your Hourly Rate & Your Income Potential

مقدمه ای بر طراحی بصری برای طراحان وب و توسعه دهندگان وب Introduction to Visual Design for Web Designers & Web Developers

  • عناصر و اصول طراحی بصری در وب Elements & Principles of Visual Design on the Web

  • "C.R.A.P." اصول The "C.R.A.P." Principles

  • راهنمای تایپوگرافی برای طراحان وب Typography Guide for Web Designers

  • مبانی تئوری رنگ The Basics of Colour Theory

  • طراحی با گرید در وب Designing with Grids on the Web

  • سیستم های طراحی توضیح داده شده: راهنمای 10 دقیقه ای برای طراحان وب جدید Design Systems Explained: The 10 Minute Guide for New Web Designers

  • مسابقه طراحی بصری Visual Design Quiz

مقدمه ای بر طراحی بصری برای طراحان وب و توسعه دهندگان وب Introduction to Visual Design for Web Designers & Web Developers

  • عناصر و اصول طراحی بصری در وب Elements & Principles of Visual Design on the Web

  • "C.R.A.P." اصول The "C.R.A.P." Principles

  • راهنمای تایپوگرافی برای طراحان وب Typography Guide for Web Designers

  • مبانی تئوری رنگ The Basics of Colour Theory

  • طراحی با گرید در وب Designing with Grids on the Web

  • سیستم های طراحی توضیح داده شده: راهنمای 10 دقیقه ای برای طراحان وب جدید Design Systems Explained: The 10 Minute Guide for New Web Designers

  • مسابقه طراحی بصری Visual Design Quiz

طراحی وب سایت، گرافیک و رابط با Figma Designing Websites, Graphics & Interfaces with Figma

  • Figma در مقابل فتوشاپ برای طراحی وب Figma vs. Photoshop for Web Design

  • چگونه به سرعت با Figma برای طراحی وب شروع کنیم How to Quickly Get Started with Figma for Web Design

  • Figma Fundamentals: UI، گروه‌ها، مؤلفه‌ها و موارد دیگر را بیاموزید Figma Fundamentals: Learn the UI, Groups, Components & more

  • پروژه Figma: ایجاد یک سیستم طراحی در Figma Figma Project: Create a Design System in Figma

  • پروژه Figma - بررسی سیستم طراحی Figma Project - Design System Walkthrough

  • پروژه Figma: یک Wireframe LoFi در Figma ایجاد کنید Figma Project: Create a LoFi Wireframe in Figma

طراحی وب سایت، گرافیک و رابط با Figma Designing Websites, Graphics & Interfaces with Figma

  • Figma در مقابل فتوشاپ برای طراحی وب Figma vs. Photoshop for Web Design

  • چگونه به سرعت با Figma برای طراحی وب شروع کنیم How to Quickly Get Started with Figma for Web Design

  • Figma Fundamentals: UI، گروه‌ها، مؤلفه‌ها و موارد دیگر را بیاموزید Figma Fundamentals: Learn the UI, Groups, Components & more

  • پروژه Figma: ایجاد یک سیستم طراحی در Figma Figma Project: Create a Design System in Figma

  • پروژه Figma - بررسی سیستم طراحی Figma Project - Design System Walkthrough

  • پروژه Figma: یک Wireframe LoFi در Figma ایجاد کنید Figma Project: Create a LoFi Wireframe in Figma

مقدمه ای بر Adobe Photoshop Introduction to Adobe Photoshop

  • مقدمه بخش: قانون 80/20، مبانی فتوشاپ و موارد دیگر Section Intro: The 80/20 Rule, Photoshop Basics, and More

  • ایجاد یک سند جدید فتوشاپ Creating a New Photoshop Document

  • محیط فتوشاپ: نوار ابزار - قسمت 1 Photoshop Environment: The Toolbar - Part 1

  • محیط فتوشاپ: نوار ابزار - قسمت 2 Photoshop Environment: The Toolbar - Part 2

  • محیط فتوشاپ: پالت ها Photoshop Environment: Palettes

  • محیط فتوشاپ: منو Photoshop Environment: The Menu

  • بهبود عکس و دستکاری Photo Enhancement & Manipulation

  • پروژه فتوشاپ شماره 1: ایجاد یک گرافیک جدید با چندین لایه + آموزش Photoshop Project #1: Create a New Graphic with Multiple Layers + Tutorial

  • پروژه شماره 2 فتوشاپ: طراحی کارت ویزیت + آموزش Photoshop Project #2: Design a Business Card + Tutorial

  • آزمون فتوشاپ Photoshop Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

مقدمه ای بر Adobe Photoshop Introduction to Adobe Photoshop

  • مقدمه بخش: قانون 80/20، مبانی فتوشاپ و موارد دیگر Section Intro: The 80/20 Rule, Photoshop Basics, and More

  • ایجاد یک سند جدید فتوشاپ Creating a New Photoshop Document

  • محیط فتوشاپ: نوار ابزار - قسمت 1 Photoshop Environment: The Toolbar - Part 1

  • محیط فتوشاپ: نوار ابزار - قسمت 2 Photoshop Environment: The Toolbar - Part 2

  • محیط فتوشاپ: پالت ها Photoshop Environment: Palettes

  • محیط فتوشاپ: منو Photoshop Environment: The Menu

  • بهبود عکس و دستکاری Photo Enhancement & Manipulation

  • پروژه فتوشاپ شماره 1: ایجاد یک گرافیک جدید با چندین لایه + آموزش Photoshop Project #1: Create a New Graphic with Multiple Layers + Tutorial

  • پروژه شماره 2 فتوشاپ: طراحی کارت ویزیت + آموزش Photoshop Project #2: Design a Business Card + Tutorial

  • آزمون فتوشاپ Photoshop Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

مقدمه ای بر طراحی وب (و بیشتر فتوشاپ) Introduction to Web Design (and more Photoshop)

  • مقدمه بخش: مبانی طراحی وب، Wireframing، Photoshop Section Intro: Web Design Basics, Wireframing, Photoshop

  • اصطلاحات طراحی وب: اصطلاحات حرفه ای استفاده می کنند Web Design Terminology: The Jargon the Pros Use

  • چهار مرحله یک پروژه طراحی وب سایت + برآورد هزینه The Four Phases of a Web Design Project + Cost Estimates

  • طراحی تجربه کاربری (UX) چیست؟ What is User Experience (UX) Design?

  • آناتومی طراحی وب سایت The Anatomy of a Website Design

  • سیستم 960 Grid + دانلود رایگان فتوشاپ The 960 Grid System + Free Photoshop Downloads

  • پروژه طراحی وب شماره 1: طراحی صفحه فرود حداقل + آموزش Web Design Project #1: Design a Minimal Landing Page + Tutorial

  • پروژه طراحی وب شماره 2: طراحی مجدد صفحه فرود وبلاگ Web Design Project #2: Re-Design a Blog Landing Page

  • پروژه طراحی وب شماره 2: آموزش Web Design Project #2: Tutorial

  • آزمون طراحی وب سایت Web Design Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

مقدمه ای بر طراحی وب (و بیشتر فتوشاپ) Introduction to Web Design (and more Photoshop)

  • مقدمه بخش: مبانی طراحی وب، Wireframing، Photoshop Section Intro: Web Design Basics, Wireframing, Photoshop

  • اصطلاحات طراحی وب: اصطلاحات حرفه ای استفاده می کنند Web Design Terminology: The Jargon the Pros Use

  • چهار مرحله یک پروژه طراحی وب سایت + برآورد هزینه The Four Phases of a Web Design Project + Cost Estimates

  • طراحی تجربه کاربری (UX) چیست؟ What is User Experience (UX) Design?

  • آناتومی طراحی وب سایت The Anatomy of a Website Design

  • سیستم 960 Grid + دانلود رایگان فتوشاپ The 960 Grid System + Free Photoshop Downloads

  • پروژه طراحی وب شماره 1: طراحی صفحه فرود حداقل + آموزش Web Design Project #1: Design a Minimal Landing Page + Tutorial

  • پروژه طراحی وب شماره 2: طراحی مجدد صفحه فرود وبلاگ Web Design Project #2: Re-Design a Blog Landing Page

  • پروژه طراحی وب شماره 2: آموزش Web Design Project #2: Tutorial

  • آزمون طراحی وب سایت Web Design Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

چالش طراحی وب پیشرفته Advanced Web Design Challenge

  • معرفی چالش: چالش چگونه کار می کند Challenge Intro: How the Challenge Works

  • مرحله کشف: یک نقشه سایت ایجاد کنید Discovery Phase: Create a Sitemap

  • فاز دوم کشف: طرح خود را ترسیم کنید و قالب بندی کنید Discovery Phase II: Sketch & Wireframe Your Design

  • مرحله خلاقیت: طراحی سایت خود در فتوشاپ Creative Phase: Design Your Website in Photoshop

  • به اشتراک گذاری، همکاری و دریافت بازخورد در مورد طراحی شما Sharing, Collaborating & Getting Feedback on Your Design

  • جمع بندی چالش و چه اتفاقی می افتد Challenge Wrap Up & What's Next

چالش طراحی وب پیشرفته Advanced Web Design Challenge

  • معرفی چالش: چالش چگونه کار می کند Challenge Intro: How the Challenge Works

  • مرحله کشف: یک نقشه سایت ایجاد کنید Discovery Phase: Create a Sitemap

  • فاز دوم کشف: طرح خود را ترسیم کنید و قالب بندی کنید Discovery Phase II: Sketch & Wireframe Your Design

  • مرحله خلاقیت: طراحی سایت خود در فتوشاپ Creative Phase: Design Your Website in Photoshop

  • به اشتراک گذاری، همکاری و دریافت بازخورد در مورد طراحی شما Sharing, Collaborating & Getting Feedback on Your Design

  • جمع بندی چالش و چه اتفاقی می افتد Challenge Wrap Up & What's Next

مقدمه ای بر HTML Introduction to HTML

  • مقدمه بخش: اصول HTML، صفحه اول وب، فایل های دوره Section Intro: HTML Fundamentals, First Webpage, Course Files

  • مبانی HTML: برچسب ها، ویژگی ها، عناصر The Basics of HTML: Tags, Attributes, Elements

  • ساختار اصلی فایل و پوشه یک وب سایت Basic File & Folder Structure of a Website

  • ابزار ضروری شما: یک ویرایشگر کد خوب Your Must Have Tool: A Good Code Editor

  • سلام جهان: اولین صفحه وب خود را ایجاد کنید! Hello World: Create Your Very First Web Page!

  • آزمون HTML HTML Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

مقدمه ای بر HTML Introduction to HTML

  • مقدمه بخش: اصول HTML، صفحه اول وب، فایل های دوره Section Intro: HTML Fundamentals, First Webpage, Course Files

  • مبانی HTML: برچسب ها، ویژگی ها، عناصر The Basics of HTML: Tags, Attributes, Elements

  • ساختار اصلی فایل و پوشه یک وب سایت Basic File & Folder Structure of a Website

  • ابزار ضروری شما: یک ویرایشگر کد خوب Your Must Have Tool: A Good Code Editor

  • سلام جهان: اولین صفحه وب خود را ایجاد کنید! Hello World: Create Your Very First Web Page!

  • آزمون HTML HTML Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

HTML متوسط Intermediate HTML

  • بخش مقدمه: برچسب های HTML، کد یک صفحه وب واقعی Section Intro: HTML Tags, Code a Real Web Page

  • ساختار اصلی یک سند HTML Basic Structure of an HTML Document

  • برچسب‌های عنوان و پاراگراف Heading & Paragraph Tags

  • استفاده از تاکید و تاکید قوی Using Emphasis & Strong Emphasis

  • هایپرلینک ها Hyperlinks

  • لیست ها Lists

  • تصاویر Images

  • جداول Tables

  • تشکیل می دهد Forms

  • موجودیت های HTML و "شخصیت های خاص" HTML Entities & "Special Characters"

  • پروژه HTML: کد یک صفحه وب پایه + آموزش HTML Project: Code a Basic Web Page + Tutorial

  • آزمون HTML متوسط Intermediate HTML Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

HTML متوسط Intermediate HTML

  • بخش مقدمه: برچسب های HTML، کد یک صفحه وب واقعی Section Intro: HTML Tags, Code a Real Web Page

  • ساختار اصلی یک سند HTML Basic Structure of an HTML Document

  • برچسب‌های عنوان و پاراگراف Heading & Paragraph Tags

  • استفاده از تاکید و تاکید قوی Using Emphasis & Strong Emphasis

  • هایپرلینک ها Hyperlinks

  • لیست ها Lists

  • تصاویر Images

  • جداول Tables

  • تشکیل می دهد Forms

  • موجودیت های HTML و "شخصیت های خاص" HTML Entities & "Special Characters"

  • پروژه HTML: کد یک صفحه وب پایه + آموزش HTML Project: Code a Basic Web Page + Tutorial

  • آزمون HTML متوسط Intermediate HTML Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

HTML و HTML5 پیشرفته Advanced HTML & HTML5

  • بخش مقدمه: تکنیک های پیشرفته HTML، HTML5 Section Intro: Advanced HTML Techniques, HTML5

  • شناسه ها و کلاس ها IDs & Classes

  • تگ های Span & Div Span & Div Tags

  • معرفی HTML5 برچسب ها: سربرگ، پاورقی، ناوبری، بخش، مقاله، کنار و زمان Intro to HTML5 Tags: Header, Footer, Nav, Section, Article, Aside & Time

  • پروژه HTML5: ساخت یک صفحه وب پایه HTML5 + آموزش HTML5 Project: Build a Basic HTML5 Web Page + Tutorial

  • آزمون HTML پیشرفته Advanced HTML Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

HTML و HTML5 پیشرفته Advanced HTML & HTML5

  • بخش مقدمه: تکنیک های پیشرفته HTML، HTML5 Section Intro: Advanced HTML Techniques, HTML5

  • شناسه ها و کلاس ها IDs & Classes

  • تگ های Span & Div Span & Div Tags

  • معرفی HTML5 برچسب ها: سربرگ، پاورقی، ناوبری، بخش، مقاله، کنار و زمان Intro to HTML5 Tags: Header, Footer, Nav, Section, Article, Aside & Time

  • پروژه HTML5: ساخت یک صفحه وب پایه HTML5 + آموزش HTML5 Project: Build a Basic HTML5 Web Page + Tutorial

  • آزمون HTML پیشرفته Advanced HTML Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

HTML و HTML5 خبره Expert HTML & HTML5

  • بخش معرفی: تکنیک های خبره HTML5 Section Intro: Expert HTML5 techniques

  • ورودی های جدید HTML5 New HTML5 Inputs

  • سازگار کردن اینترنت اکسپلورر با HTML5 Making Internet Explorer Compatible with HTML5

  • ویژگی داده HTML5 HTML5 Data Attribute

  • آزمون تخصصی HTML Expert HTML Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

HTML و HTML5 خبره Expert HTML & HTML5

  • بخش معرفی: تکنیک های خبره HTML5 Section Intro: Expert HTML5 techniques

  • ورودی های جدید HTML5 New HTML5 Inputs

  • سازگار کردن اینترنت اکسپلورر با HTML5 Making Internet Explorer Compatible with HTML5

  • ویژگی داده HTML5 HTML5 Data Attribute

  • آزمون تخصصی HTML Expert HTML Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

مقدمه ای بر CSS Introduction to CSS

  • بخش معرفی: ملزومات CSS + دانلود فایل های دوره Section Intro: Essentials of CSS + Download Course Files

  • CSS چیست؟ تمام اصولی که باید بدانید! What is CSS? All the basics you need to know!

  • ارث بردن سبک ها Inheritance of Styles

  • اندازه گیری ها و مدل جعبه Measurements & The Box Model

  • CSS درون خطی Inline CSS

  • CSS داخلی Internal CSS

  • CSS خارجی External CSS

  • انتخابگرهای شناسه و کلاس ID & Class Selectors

  • انتخاب کنندگان نسل Descendant Selectors

  • انتخابگرهای گروه بندی Grouping Selectors

  • اختصاصی Specificity

  • پروژه CSS: استایل یک صفحه وب HTML + آموزش CSS Project: Style an HTML Web Page + Tutorial

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

مقدمه ای بر CSS Introduction to CSS

  • بخش معرفی: ملزومات CSS + دانلود فایل های دوره Section Intro: Essentials of CSS + Download Course Files

  • CSS چیست؟ تمام اصولی که باید بدانید! What is CSS? All the basics you need to know!

  • ارث بردن سبک ها Inheritance of Styles

  • اندازه گیری ها و مدل جعبه Measurements & The Box Model

  • CSS درون خطی Inline CSS

  • CSS داخلی Internal CSS

  • CSS خارجی External CSS

  • انتخابگرهای شناسه و کلاس ID & Class Selectors

  • انتخاب کنندگان نسل Descendant Selectors

  • انتخابگرهای گروه بندی Grouping Selectors

  • اختصاصی Specificity

  • پروژه CSS: استایل یک صفحه وب HTML + آموزش CSS Project: Style an HTML Web Page + Tutorial

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

CSS متوسط Intermediate CSS

  • بخش معرفی Section Intro

  • رنگ ها Colors

  • یک ظاهر طراحی و قالب بندی متن Text Styling & Formatting

  • مرز ها Borders

  • تصاویر پس زمینه Background Images

  • پیوندهای یک ظاهر طراحی شده Styling Links

  • امتحان CSS CSS Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

CSS متوسط Intermediate CSS

  • بخش معرفی Section Intro

  • رنگ ها Colors

  • یک ظاهر طراحی و قالب بندی متن Text Styling & Formatting

  • مرز ها Borders

  • تصاویر پس زمینه Background Images

  • پیوندهای یک ظاهر طراحی شده Styling Links

  • امتحان CSS CSS Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

CSS پیشرفته Advanced CSS

  • بخش معرفی Section Intro

  • یک ظاهر طراحی شده به فرم های وب Styling Web Forms

  • عناصر Block، Inline و Inline-Block Block, Inline and Inline-Block Elements

  • درک Float & Clear (یکبار برای همیشه!) Understanding Float & Clear (once and for all!)

  • موقعیت نسبی، مطلق و ثابت Relative, Absolute & Fixed Position

  • پروژه CSS: ساخت صفحه اصلی Google + آموزش (قسمت اول) CSS Project: Build the Google Home Page + Tutorial (Part I)

  • پروژه CSS: ساخت صفحه اصلی گوگل (قسمت دوم) CSS Project: Build the Google Home Page (Part II)

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

CSS پیشرفته Advanced CSS

  • بخش معرفی Section Intro

  • یک ظاهر طراحی شده به فرم های وب Styling Web Forms

  • عناصر Block، Inline و Inline-Block Block, Inline and Inline-Block Elements

  • درک Float & Clear (یکبار برای همیشه!) Understanding Float & Clear (once and for all!)

  • موقعیت نسبی، مطلق و ثابت Relative, Absolute & Fixed Position

  • پروژه CSS: ساخت صفحه اصلی Google + آموزش (قسمت اول) CSS Project: Build the Google Home Page + Tutorial (Part I)

  • پروژه CSS: ساخت صفحه اصلی گوگل (قسمت دوم) CSS Project: Build the Google Home Page (Part II)

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

CSS Flexbox CSS Flexbox

  • راهنمای CSS Flexbox - ویژگی‌های والدین (با نام مستعار ویژگی‌های کانتینر Flex) A Guide to CSS Flexbox - Parent Properties (a.k.a. Flex Container Properties)

  • موارد فلکس: درک ویژگی مرموز "فلکس". Flex Items: Understanding the Mysterious "Flex" Property

  • موارد انعطاف پذیر: ویژگی Align-Self Flex Items: Align-Self Property

CSS Flexbox CSS Flexbox

  • راهنمای CSS Flexbox - ویژگی‌های والدین (با نام مستعار ویژگی‌های کانتینر Flex) A Guide to CSS Flexbox - Parent Properties (a.k.a. Flex Container Properties)

  • موارد فلکس: درک ویژگی مرموز "فلکس". Flex Items: Understanding the Mysterious "Flex" Property

  • موارد انعطاف پذیر: ویژگی Align-Self Flex Items: Align-Self Property

CSS و CSS3 خبره Expert CSS & CSS3

  • بخش معرفی: CSS3 چیست؟ + دانلود فایل های دوره Section Intro: What is CSS3? + Course Files Download

  • اندازه جعبه CSS3 و گوشه های گرد CSS3 Box Sizing & Round Corners

  • رنگ ها و گرادیان های CSS3 CSS3 Colours & Gradients

  • سایه های CSS3 CSS3 Shadows

  • ستون های CSS3 CSS3 Columns

  • CSS3 انیمیشن ها و انتقال CSS3 Animations & Transitions

  • پروژه شماره 1 CSS3: ایجاد دکمه های متحرک + آموزش CSS3 Project #1: Create Animated Buttons + Tutorial

  • پروژه شماره 2 CSS3: انیمیشن یک سیاره در حال گردش + آموزش (قسمت اول) CSS3 Project #2: Code an Orbiting Planet Animation + Tutorial (Part I)

  • پروژه شماره 2 CSS3: انیمیشن یک سیاره در حال گردش را کدنویسی کنید (قسمت دوم) CSS3 Project #2: Code an Orbiting Planet Animation (Part II)

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

CSS و CSS3 خبره Expert CSS & CSS3

  • بخش معرفی: CSS3 چیست؟ + دانلود فایل های دوره Section Intro: What is CSS3? + Course Files Download

  • اندازه جعبه CSS3 و گوشه های گرد CSS3 Box Sizing & Round Corners

  • رنگ ها و گرادیان های CSS3 CSS3 Colours & Gradients

  • سایه های CSS3 CSS3 Shadows

  • ستون های CSS3 CSS3 Columns

  • CSS3 انیمیشن ها و انتقال CSS3 Animations & Transitions

  • پروژه شماره 1 CSS3: ایجاد دکمه های متحرک + آموزش CSS3 Project #1: Create Animated Buttons + Tutorial

  • پروژه شماره 2 CSS3: انیمیشن یک سیاره در حال گردش + آموزش (قسمت اول) CSS3 Project #2: Code an Orbiting Planet Animation + Tutorial (Part I)

  • پروژه شماره 2 CSS3: انیمیشن یک سیاره در حال گردش را کدنویسی کنید (قسمت دوم) CSS3 Project #2: Code an Orbiting Planet Animation (Part II)

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

چالش پیشرفته HTML و CSS Advanced HTML & CSS Challenge

  • چالش شما: هر چیزی که باید بدانید + بخش جمع بندی Your Challenge: Everything You Need to Know + Section Wrap Up

  • آموزش پاداش: چگونه یک طراحی فتوشاپ را برش دهیم و آن را به HTML و CSS تبدیل کنیم Bonus Tutorial: How to Slice a Photoshop Design & Convert it to HTML & CSS

  • آموزش پاداش P2: چگونه یک طراحی فتوشاپ را برش دهیم و آن را به HTML و CSS تبدیل کنیم Bonus Tutorial P2: How to Slice a Photoshop Design & Convert it to HTML & CSS

چالش پیشرفته HTML و CSS Advanced HTML & CSS Challenge

  • چالش شما: هر چیزی که باید بدانید + بخش جمع بندی Your Challenge: Everything You Need to Know + Section Wrap Up

  • آموزش پاداش: چگونه یک طراحی فتوشاپ را برش دهیم و آن را به HTML و CSS تبدیل کنیم Bonus Tutorial: How to Slice a Photoshop Design & Convert it to HTML & CSS

  • آموزش پاداش P2: چگونه یک طراحی فتوشاپ را برش دهیم و آن را به HTML و CSS تبدیل کنیم Bonus Tutorial P2: How to Slice a Photoshop Design & Convert it to HTML & CSS

مقدمه ای بر جاوا اسکریپت Introduction to Javascript

  • بخش معرفی: جاوا اسکریپت چیست، قانون 80/20 + دانلود فایل های دوره Section Intro: What is Javascript, The 80/20 Rule + Course Files Download

  • جاوا اسکریپت داخلی و خارجی Internal & External Javascript

  • نحو پایه جاوا اسکریپت (و بسیاری از زبان های برنامه نویسی دیگر) Basic Syntax of Javascript (and many other programming languages)

  • خروجی جاوا اسکریپت Javascript Output

  • متغیرهای جاوا اسکریپت Javascript Variables

  • آرایه های جاوا اسکریپت Javascript Arrays

  • توابع جاوا اسکریپت Javascript Functions

  • جاوا اسکریپت عبارات If/Else Javascript If / Else Statements

  • پروژه جاوا اسکریپت: برنامه یک ماشین حساب نکته + آموزش Javascript Project: Program a Tip Calculator + Tutorial

  • پروژه جاوا اسکریپت: برنامه یک ماشین حساب نکته، قسمت دوم Javascript Project: Program a Tip Calculator, Part II

  • آزمون جاوا اسکریپت Javascript Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

مقدمه ای بر جاوا اسکریپت Introduction to Javascript

  • بخش معرفی: جاوا اسکریپت چیست، قانون 80/20 + دانلود فایل های دوره Section Intro: What is Javascript, The 80/20 Rule + Course Files Download

  • جاوا اسکریپت داخلی و خارجی Internal & External Javascript

  • نحو پایه جاوا اسکریپت (و بسیاری از زبان های برنامه نویسی دیگر) Basic Syntax of Javascript (and many other programming languages)

  • خروجی جاوا اسکریپت Javascript Output

  • متغیرهای جاوا اسکریپت Javascript Variables

  • آرایه های جاوا اسکریپت Javascript Arrays

  • توابع جاوا اسکریپت Javascript Functions

  • جاوا اسکریپت عبارات If/Else Javascript If / Else Statements

  • پروژه جاوا اسکریپت: برنامه یک ماشین حساب نکته + آموزش Javascript Project: Program a Tip Calculator + Tutorial

  • پروژه جاوا اسکریپت: برنامه یک ماشین حساب نکته، قسمت دوم Javascript Project: Program a Tip Calculator, Part II

  • آزمون جاوا اسکریپت Javascript Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

مقدمه ای بر جی کوئری Introduction to jQuery

  • بخش معرفی: جی کوئری چیست؟ + فایل های دوره Section Intro: What is jQuery? + Course Files

  • jQuery را دانلود و نصب کنید Download & Install jQuery

  • نحو ساده jQuery The Simple Syntax of jQuery

  • انتخابگرهای جی کوئری jQuery Selectors

  • روش های رویداد جی کوئری jQuery Event Methods

  • آزمون پایه جی کوئری Basic jQuery Quiz

  • بخش بیرونی: جمع بندی و آینده Section Outro: Wrap Up & What's Next

مقدمه ای بر جی کوئری Introduction to jQuery

  • بخش معرفی: جی کوئری چیست؟ + فایل های دوره Section Intro: What is jQuery? + Course Files

  • jQuery را دانلود و نصب کنید Download & Install jQuery

  • نحو ساده jQuery The Simple Syntax of jQuery

  • انتخابگرهای جی کوئری jQuery Selectors

  • روش های رویداد جی کوئری jQuery Event Methods

  • آزمون پایه جی کوئری Basic jQuery Quiz

  • بخش بیرونی: جمع بندی و آینده Section Outro: Wrap Up & What's Next

جی کوئری متوسط Intermediate jQuery

  • بخش معرفی: jQuery Deep Dive! Section Intro: jQuery Deep Dive!

  • jQuery Chaining jQuery Chaining

  • مخفی کردن، نمایش و محو کردن محتوا با جی کوئری Hiding, Showing & Fading Content with jQuery

  • روش متحرک سازی جی کوئری The jQuery Animate Method

  • تغییر CSS با جی کوئری Modifying CSS with jQuery

  • jQuery Project: Mini Race Car Game + آموزش jQuery Project: Mini Race Car Game + Tutorial

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

جی کوئری متوسط Intermediate jQuery

  • بخش معرفی: jQuery Deep Dive! Section Intro: jQuery Deep Dive!

  • jQuery Chaining jQuery Chaining

  • مخفی کردن، نمایش و محو کردن محتوا با جی کوئری Hiding, Showing & Fading Content with jQuery

  • روش متحرک سازی جی کوئری The jQuery Animate Method

  • تغییر CSS با جی کوئری Modifying CSS with jQuery

  • jQuery Project: Mini Race Car Game + آموزش jQuery Project: Mini Race Car Game + Tutorial

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

jQuery UI (JQuery پیشرفته) jQuery UI (Advanced jQuery)

  • بخش مقدمه: jQuery UI چیست؟ + فایل های دوره Section Intro: What is jQuery UI? + Course Files

  • jQuery UI: قابل کشیدن jQuery UI: Draggable

  • jQuery UI: Droppable jQuery UI: Droppable

  • jQuery UI: قابل مرتب سازی jQuery UI: Sortable

  • jQuery UI: آکاردئون jQuery UI: Accordion

  • jQuery UI: Datepicker jQuery UI: Datepicker

  • پروژه jQuery: لیست کارهای وب اپلیکیشن + آموزش jQuery Project: To Do List Web Application + Tutorial

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

jQuery UI (JQuery پیشرفته) jQuery UI (Advanced jQuery)

  • بخش مقدمه: jQuery UI چیست؟ + فایل های دوره Section Intro: What is jQuery UI? + Course Files

  • jQuery UI: قابل کشیدن jQuery UI: Draggable

  • jQuery UI: Droppable jQuery UI: Droppable

  • jQuery UI: قابل مرتب سازی jQuery UI: Sortable

  • jQuery UI: آکاردئون jQuery UI: Accordion

  • jQuery UI: Datepicker jQuery UI: Datepicker

  • پروژه jQuery: لیست کارهای وب اپلیکیشن + آموزش jQuery Project: To Do List Web Application + Tutorial

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

طراحی و توسعه واکنشگرا با استفاده از بوت استرپ Responsive Design & Development using Bootstrap

  • بخش معرفی: طراحی واکنشگرا و بوت استرپ چیست؟ + فایل های دوره Section Intro: What is Responsive Design & Bootstrap? + Course Files

  • شروع کار با بوت استرپ Getting Started with Bootstrap

  • به سرعت نمونه اولیه با نمونه های رایگان Quickly Prototype with the Free Examples

  • آشنایی با سیستم Bootstrap Grid Understanding the Bootstrap Grid System

  • فرم های پاسخگو (و سکسی). Responsive (and sexy) Forms

  • جداول، دکمه ها و تصاویر پاسخگو Responsive Tables, Buttons and Images

  • کلاس های کمکی و ابزارهای پاسخگو Helper Classes & Responsive Utilities

  • استفاده از Glyphicons (آیکون های فونت) Using Glyphicons (Font Icons)

  • نوار ناوبری بوت استرپ Bootstrap Navbar

  • پنجره مودال بوت استرپ Bootstrap Modal Window

  • بوت استرپ ScrollSpy Bootstrap ScrollSpy

  • برگه‌های قابل تغییر Togglable Tabs

  • چرخ فلک کشویی Sliding Carousel

  • پروژه بوت استرپ: کد یک وب سایت راه اندازی "Hipster" + آموزش Bootstrap Project: Code a "Hipster" Startup Website + Tutorial

  • پروژه بوت استرپ: وب سایت راه اندازی، قسمت 2 Bootstrap Project: Startup Website, Part 2

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

طراحی و توسعه واکنشگرا با استفاده از بوت استرپ Responsive Design & Development using Bootstrap

  • بخش معرفی: طراحی واکنشگرا و بوت استرپ چیست؟ + فایل های دوره Section Intro: What is Responsive Design & Bootstrap? + Course Files

  • شروع کار با بوت استرپ Getting Started with Bootstrap

  • به سرعت نمونه اولیه با نمونه های رایگان Quickly Prototype with the Free Examples

  • آشنایی با سیستم Bootstrap Grid Understanding the Bootstrap Grid System

  • فرم های پاسخگو (و سکسی). Responsive (and sexy) Forms

  • جداول، دکمه ها و تصاویر پاسخگو Responsive Tables, Buttons and Images

  • کلاس های کمکی و ابزارهای پاسخگو Helper Classes & Responsive Utilities

  • استفاده از Glyphicons (آیکون های فونت) Using Glyphicons (Font Icons)

  • نوار ناوبری بوت استرپ Bootstrap Navbar

  • پنجره مودال بوت استرپ Bootstrap Modal Window

  • بوت استرپ ScrollSpy Bootstrap ScrollSpy

  • برگه‌های قابل تغییر Togglable Tabs

  • چرخ فلک کشویی Sliding Carousel

  • پروژه بوت استرپ: کد یک وب سایت راه اندازی "Hipster" + آموزش Bootstrap Project: Code a "Hipster" Startup Website + Tutorial

  • پروژه بوت استرپ: وب سایت راه اندازی، قسمت 2 Bootstrap Project: Startup Website, Part 2

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

چالش پیشرفته بوت استرپ Advanced Bootstrap Challenge

  • چالش شما: وب سایت سفارشی خود را به یک سایت بوت استرپ پاسخگو تبدیل کنید Your Challenge: Convert Your Custom Website Into a Responsive Bootstrap Site

چالش پیشرفته بوت استرپ Advanced Bootstrap Challenge

  • چالش شما: وب سایت سفارشی خود را به یک سایت بوت استرپ پاسخگو تبدیل کنید Your Challenge: Convert Your Custom Website Into a Responsive Bootstrap Site

میزبانی وب و دامنه ها Web Hosting & Domains

  • بخش معرفی: میزبانی وب چیست؟ Section Intro: What is Web Hosting?

  • خرید یک نام دامنه همراه و بسته میزبانی Purchasing a Bundled Domain Name & Hosting Package

  • کنترل پنل هاست (با نام مستعار cPanel) The Hosting Control Panel (a.k.a. cPanel)

  • آشنایی با FTP و نحوه آپلود یک وب سایت در سرور زنده Understanding FTP & How to Upload a Website to Your Live Server

  • بخش Outro: جمع بندی، چه چیزی بعد + پاداش (رایگان) میزبانی وب Section Outro: Wrap Up, What's Next + Bonus (Free) Web Hosting

میزبانی وب و دامنه ها Web Hosting & Domains

  • بخش معرفی: میزبانی وب چیست؟ Section Intro: What is Web Hosting?

  • خرید یک نام دامنه همراه و بسته میزبانی Purchasing a Bundled Domain Name & Hosting Package

  • کنترل پنل هاست (با نام مستعار cPanel) The Hosting Control Panel (a.k.a. cPanel)

  • آشنایی با FTP و نحوه آپلود یک وب سایت در سرور زنده Understanding FTP & How to Upload a Website to Your Live Server

  • بخش Outro: جمع بندی، چه چیزی بعد + پاداش (رایگان) میزبانی وب Section Outro: Wrap Up, What's Next + Bonus (Free) Web Hosting

مقدمه ای بر PHP Introduction to PHP

  • مقدمه بخش: PHP چیست و چه کاری انجام می دهد؟ + فایل های دوره Section Intro: What is PHP & What Does It Do? + Course Files

  • نحو پایه PHP Basic PHP Syntax

  • متغیرها و ثابت های PHP PHP Variables & Constants

  • آرایه های PHP (تداعی و چند بعدی) PHP Arrays (Associative & Multi-Dimensional)

  • پروژه پی اچ پی: برنامه ای را برای رفع "سرفصل های طعمه کلیک کنید" + آموزش برنامه ریزی کنید PHP Project: Program an App to fix "Click Bait Headlines" + Tutorial

  • پروژه PHP: روی Bait Headlines، Part 2 کلیک کنید PHP Project: Click Bait Headlines, Part 2

  • آزمون پی اچ پی PHP Quiz

  • بخش بیرونی: جمع بندی و آینده Section Outro: Wrap Up & What's Next

مقدمه ای بر PHP Introduction to PHP

  • مقدمه بخش: PHP چیست و چه کاری انجام می دهد؟ + فایل های دوره Section Intro: What is PHP & What Does It Do? + Course Files

  • نحو پایه PHP Basic PHP Syntax

  • متغیرها و ثابت های PHP PHP Variables & Constants

  • آرایه های PHP (تداعی و چند بعدی) PHP Arrays (Associative & Multi-Dimensional)

  • پروژه پی اچ پی: برنامه ای را برای رفع "سرفصل های طعمه کلیک کنید" + آموزش برنامه ریزی کنید PHP Project: Program an App to fix "Click Bait Headlines" + Tutorial

  • پروژه PHP: روی Bait Headlines، Part 2 کلیک کنید PHP Project: Click Bait Headlines, Part 2

  • آزمون پی اچ پی PHP Quiz

  • بخش بیرونی: جمع بندی و آینده Section Outro: Wrap Up & What's Next

پی اچ پی متوسط Intermediate PHP

  • بخش مقدمه: بیایید عمیق‌تر به PHP بپردازیم Section Intro: Let's dive deeper into PHP

  • اگر، دیگر و اظهارات السیف If, Else and Elseif Statements

  • حلقه های PHP: while، For، Foreach و Do while PHP Loops: While, For, Foreach & Do While

  • توابع و آرگومان های PHP PHP Functions & Arguments

  • $_GET و $_POST $_GET and $_POST

  • پروژه PHP: تبدیل یک وب سایت استاتیک به سایت پویا PHP + آموزش PHP Project: Convert a Static Website into a Dynamic PHP Site + Tutorial

  • بخش Outro: جمع بندی، آموزش بیشتر و آینده + جایزه (رایگان) دوره PHP! Section Outro: Wrap Up, Further Learning & What's Next +Bonus (Free) PHP Course!

پی اچ پی متوسط Intermediate PHP

  • بخش مقدمه: بیایید عمیق‌تر به PHP بپردازیم Section Intro: Let's dive deeper into PHP

  • اگر، دیگر و اظهارات السیف If, Else and Elseif Statements

  • حلقه های PHP: while، For، Foreach و Do while PHP Loops: While, For, Foreach & Do While

  • توابع و آرگومان های PHP PHP Functions & Arguments

  • $_GET و $_POST $_GET and $_POST

  • پروژه PHP: تبدیل یک وب سایت استاتیک به سایت پویا PHP + آموزش PHP Project: Convert a Static Website into a Dynamic PHP Site + Tutorial

  • بخش Outro: جمع بندی، آموزش بیشتر و آینده + جایزه (رایگان) دوره PHP! Section Outro: Wrap Up, Further Learning & What's Next +Bonus (Free) PHP Course!

مقدمه ای بر پایگاه های داده MySQL Introduction to MySQL Databases

  • بخش معرفی: MySQL چیست؟ + فایل های دوره Section Intro: What is MySQL? + Course Files

  • ایجاد اولین پایگاه داده MySQL + نمای کلی phpMyAdmin Creating Your First MySQL Database + phpMyAdmin Overview

  • ایجاد ارتباط MySQL با PHP Establishing a MySQL Connection with PHP

  • انتخاب داده ها از یک پایگاه داده و نمایش آن در صفحه وب شما Selecting Data from a Database and Displaying it on Your Web Page

  • داده ها را از یک صفحه وب در پایگاه داده خود وارد کنید Insert Data into Your Database from a Web Page

  • درهم سازی رمز عبور (برای ذخیره ایمن رمزهای عبور) Password Hashing (for securely storing passwords)

  • استفاده از جلسات PHP برای ذخیره متغیرهای جهانی Using PHP Sessions to Store Global Variables

  • پروژه MySQL شماره 1: یک فرم ورود، صفحه نمایه و خروج + آموزش کدنویسی کنید MySQL Project #1: Code a Login Form, Profile Page & Logout + Tutorial

  • پروژه MySQL شماره 2.1: کتاب آدرس مشتری - برنامه ریزی برنامه ما MySQL Project #2.1: Client Address Book - Planning our Application

  • پروژه MySQL شماره 2.2: دفترچه آدرس مشتری - ساخت دنباله ورود MySQL Project #2.2: Client Address Book - Build the Login Sequence

  • پروژه شماره 2.3 MySQL: دفترچه آدرس مشتری - ترتیب خروج و نمایش مشتریان MySQL Project #2.3: Client Address Book - Logout Sequence & Display Clients

  • پروژه MySQL شماره 2.4: کتاب آدرس مشتری - اضافه کردن مشتریان MySQL Project #2.4: Client Address Book - Adding Clients

  • پروژه MySQL شماره 2.5: کتاب آدرس مشتری - ویرایش مشتریان MySQL Project #2.5: Client Address Book - Editing Clients

  • پروژه MySQL شماره 2.6: دفترچه آدرس مشتری - حذف مشتریان MySQL Project #2.6: Client Address Book - Deleting Clients

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

مقدمه ای بر پایگاه های داده MySQL Introduction to MySQL Databases

  • بخش معرفی: MySQL چیست؟ + فایل های دوره Section Intro: What is MySQL? + Course Files

  • ایجاد اولین پایگاه داده MySQL + نمای کلی phpMyAdmin Creating Your First MySQL Database + phpMyAdmin Overview

  • ایجاد ارتباط MySQL با PHP Establishing a MySQL Connection with PHP

  • انتخاب داده ها از یک پایگاه داده و نمایش آن در صفحه وب شما Selecting Data from a Database and Displaying it on Your Web Page

  • داده ها را از یک صفحه وب در پایگاه داده خود وارد کنید Insert Data into Your Database from a Web Page

  • درهم سازی رمز عبور (برای ذخیره ایمن رمزهای عبور) Password Hashing (for securely storing passwords)

  • استفاده از جلسات PHP برای ذخیره متغیرهای جهانی Using PHP Sessions to Store Global Variables

  • پروژه MySQL شماره 1: یک فرم ورود، صفحه نمایه و خروج + آموزش کدنویسی کنید MySQL Project #1: Code a Login Form, Profile Page & Logout + Tutorial

  • پروژه MySQL شماره 2.1: کتاب آدرس مشتری - برنامه ریزی برنامه ما MySQL Project #2.1: Client Address Book - Planning our Application

  • پروژه MySQL شماره 2.2: دفترچه آدرس مشتری - ساخت دنباله ورود MySQL Project #2.2: Client Address Book - Build the Login Sequence

  • پروژه شماره 2.3 MySQL: دفترچه آدرس مشتری - ترتیب خروج و نمایش مشتریان MySQL Project #2.3: Client Address Book - Logout Sequence & Display Clients

  • پروژه MySQL شماره 2.4: کتاب آدرس مشتری - اضافه کردن مشتریان MySQL Project #2.4: Client Address Book - Adding Clients

  • پروژه MySQL شماره 2.5: کتاب آدرس مشتری - ویرایش مشتریان MySQL Project #2.5: Client Address Book - Editing Clients

  • پروژه MySQL شماره 2.6: دفترچه آدرس مشتری - حذف مشتریان MySQL Project #2.6: Client Address Book - Deleting Clients

  • بخش بیرونی: جمع بندی، آموزش بیشتر و آینده Section Outro: Wrap Up, Further Learning & What's Next

چالش پیشرفته PHP و MySQL Advanced PHP & MySQL Challenge

  • چالش شما: وب سایت استاتیک سفارشی خود را به یک وب سایت پویا تبدیل کنید Your Challenge: Convert Your Custom Static Website into a Dynamic Website

چالش پیشرفته PHP و MySQL Advanced PHP & MySQL Challenge

  • چالش شما: وب سایت استاتیک سفارشی خود را به یک وب سایت پویا تبدیل کنید Your Challenge: Convert Your Custom Static Website into a Dynamic Website

وب سایت های وردپرسی WordPress Websites

  • معرفی بخش: وردپرس چیست؟ Section Intro: What is WordPress?

  • چگونه در 5 دقیقه یک وبلاگ وردپرس راه اندازی کنیم؟ How to Start a WordPress Blog in 5-Minutes

  • داشبورد The Dashboard

  • استفاده از پلاگین های رایگان و ممتاز برای دستیابی به هر ویژگی که می خواهید Using Free and Premium Plugins to Achieve Any Feature You Desire

  • استفاده از تم های رایگان و ممتاز برای ساخت سریع وب سایت های زیبا Using Free and Premium Themes to Quickly Make Gorgeous Websites

  • نمایشگاه تم: تم "X" - تم همه کاره نهایی وردپرس DIY Theme Showcase: "X" Theme - The Ultimate All-in-one WordPress DIY Theme

  • اهمیت امنیت 24 ساعته وردپرس The Importance of 24/7 WordPress Security

  • به سرعت یک فروشگاه آنلاین تجارت الکترونیک راه اندازی کنید Quickly Start an eCommerce Online Store

  • آزمون وردپرس WordPress Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر، آینده + تخفیف دوره Section Outro: Wrap Up, Further Learning, What's Next + Course Discount

وب سایت های وردپرسی WordPress Websites

  • معرفی بخش: وردپرس چیست؟ Section Intro: What is WordPress?

  • چگونه در 5 دقیقه یک وبلاگ وردپرس راه اندازی کنیم؟ How to Start a WordPress Blog in 5-Minutes

  • داشبورد The Dashboard

  • استفاده از پلاگین های رایگان و ممتاز برای دستیابی به هر ویژگی که می خواهید Using Free and Premium Plugins to Achieve Any Feature You Desire

  • استفاده از تم های رایگان و ممتاز برای ساخت سریع وب سایت های زیبا Using Free and Premium Themes to Quickly Make Gorgeous Websites

  • نمایشگاه تم: تم "X" - تم همه کاره نهایی وردپرس DIY Theme Showcase: "X" Theme - The Ultimate All-in-one WordPress DIY Theme

  • اهمیت امنیت 24 ساعته وردپرس The Importance of 24/7 WordPress Security

  • به سرعت یک فروشگاه آنلاین تجارت الکترونیک راه اندازی کنید Quickly Start an eCommerce Online Store

  • آزمون وردپرس WordPress Quiz

  • بخش بیرونی: جمع بندی، آموزش بیشتر، آینده + تخفیف دوره Section Outro: Wrap Up, Further Learning, What's Next + Course Discount

توسعه شغلی: چگونه حرفه طراحی/توسعه وب خود را شروع کنید Career Development: How to Start Your Web Design / Development Career

  • بخش مقدمه: گزینه های شغلی در دسترس شما به عنوان یک طراح و توسعه دهنده وب Section Intro: The Career Options Available to You as a Web Designer & Developer

  • اهمیت "پرورش" شغل شما The Importance of "Cultivating" Your Career

  • موفقیت برات چه معنی داره؟ What Does Success Mean To You?

  • فریلنسر: آیا باید رایگان کار کنید؟ Freelancing: Should You Work For Free?

  • فریلنسری: آیا باید شغل خود را رها کنید؟ Freelancing: Should You Quit Your Job?

  • دانلود رایگان کتاب الکترونیکی: ایجاد یک شغل آزاد موفق Free eBook Download: Cultivate a Successful Freelance Career

  • از کجا می توان مشاغل طراحی و توسعه وب را پیدا کرد: پاره وقت، تمام وقت و آزاد Where To Find Web Design & Development Jobs: Part-time, Full-time & Freelance

  • 4 نکته ارزشمند برای ساخت رزومه عالی 4 Valuable Tips for Crafting the Perfect Résumé

  • The Grande Finale: از اینجا کجا می روی؟ The Grande Finale: Where Do You Go From Here?

توسعه شغلی: چگونه حرفه طراحی/توسعه وب خود را شروع کنید Career Development: How to Start Your Web Design / Development Career

  • بخش مقدمه: گزینه های شغلی در دسترس شما به عنوان یک طراح و توسعه دهنده وب Section Intro: The Career Options Available to You as a Web Designer & Developer

  • اهمیت "پرورش" شغل شما The Importance of "Cultivating" Your Career

  • موفقیت برات چه معنی داره؟ What Does Success Mean To You?

  • فریلنسر: آیا باید رایگان کار کنید؟ Freelancing: Should You Work For Free?

  • فریلنسری: آیا باید شغل خود را رها کنید؟ Freelancing: Should You Quit Your Job?

  • دانلود رایگان کتاب الکترونیکی: ایجاد یک شغل آزاد موفق Free eBook Download: Cultivate a Successful Freelance Career

  • از کجا می توان مشاغل طراحی و توسعه وب را پیدا کرد: پاره وقت، تمام وقت و آزاد Where To Find Web Design & Development Jobs: Part-time, Full-time & Freelance

  • 4 نکته ارزشمند برای ساخت رزومه عالی 4 Valuable Tips for Crafting the Perfect Résumé

  • The Grande Finale: از اینجا کجا می روی؟ The Grande Finale: Where Do You Go From Here?

محتوای قدیمی: شروع سریع AngularJS: ساخت یک برنامه وب تک صفحه ای Legacy Content: AngularJS Quick Start: Build a Single-Page Web Application

  • خوش آمدید رایان، متخصص AngularJS و مدرس مهمان Welcome Ryan, our AngularJS expert & Guest Instructor

  • مقدمه ای بر AngularJS + برنامه ای که از ابتدا خواهید ساخت An Introduction to AngularJS + The App You'll Build from Scratch

  • نصب و راه اندازی Installation & Set up

  • کنترلرها و نماها Controllers and Views

  • جابجایی به خدمات Switching to Services

  • سرویس $HTTP $HTTP Service

  • ایجاد رابط کاربری Creating the User Interface

  • فیلترهای سفارشی Custom Filters

  • ایجاد داده های جدید Creating New Data

  • ویرایش و حذف داده ها Editing and Deleting Data

  • جمع بندی و آموزش بیشتر Wrap Up & Further Learning

محتوای قدیمی: شروع سریع AngularJS: ساخت یک برنامه وب تک صفحه ای Legacy Content: AngularJS Quick Start: Build a Single-Page Web Application

  • خوش آمدید رایان، متخصص AngularJS و مدرس مهمان Welcome Ryan, our AngularJS expert & Guest Instructor

  • مقدمه ای بر AngularJS + برنامه ای که از ابتدا خواهید ساخت An Introduction to AngularJS + The App You'll Build from Scratch

  • نصب و راه اندازی Installation & Set up

  • کنترلرها و نماها Controllers and Views

  • جابجایی به خدمات Switching to Services

  • سرویس $HTTP $HTTP Service

  • ایجاد رابط کاربری Creating the User Interface

  • فیلترهای سفارشی Custom Filters

  • ایجاد داده های جدید Creating New Data

  • ویرایش و حذف داده ها Editing and Deleting Data

  • جمع بندی و آموزش بیشتر Wrap Up & Further Learning

محتوای قدیمی: پلاگین وردپرس شروع سریع Legacy Content: WordPress Plugin Quick Start

  • معرفی بخش پاداش: معرفی جوئل فانک (نینجا پلاگین ما)! Bonus Section Intro: Introducing Joel Funk (our Plugin Ninja)!

  • به پلاگین وردپرس شروع سریع + فایل های دوره خوش آمدید Welcome to the WordPress Plugin Quick Start + Course Files

  • الزامات دوره Course Requirements

  • مفاهیم و تعاریف: مقدمه Concepts & Definitions: Introduction

  • مفاهیم و تعاریف: افزونه ها چیست؟ Concepts & Definitions: What are plugins?

  • مفاهیم و تعاریف: قلاب چیست؟ Concepts & Definitions: What are hooks?

  • مفاهیم و تعاریف: اقدامات و فیلترهای رایج Concepts & Definitions: Common actions & filters

  • مفاهیم و تعاریف: انواع پست چیست؟ Concepts & Definitions: What are post types?

  • مفاهیم و تعاریف: پلاگین های برنامه ریزی Concepts & Definitions: Planning plugins

  • مقدمه: مقدمه Groundwork: Introduction

  • مقدمه: داده های سرصفحه پلاگین Groundwork: Plugin header data

  • زمینه: ایجاد صفحات مدیریت Groundwork: Creating admin pages

  • زمینه: ایجاد منوهای مدیریت Groundwork: Creating admin menus

  • زمینه: ایجاد انواع پست سفارشی Groundwork: Creating custom post types

  • زمینه: ایجاد جداول پایگاه داده سفارشی Groundwork: Creating custom database tables

  • ویژگی های اصلی: مقدمه Core features: Introduction

  • ویژگی های اصلی: ایجاد کدهای کوتاه سفارشی Core features: Creating custom shortcodes

  • ویژگی های اصلی: تقویت کدهای کوتاه Core features: Enhancing shortcodes

  • ویژگی های اصلی: از جمله اسکریپت ها Core features: Including scripts

  • ویژگی های اصلی: ثبت فرم های ارسالی Core features: Capturing form submissions

  • ویژگی های اصلی: مدیریت پاسخ های Ajax Core features: Handling Ajax responses

  • ویژگی های اصلی: ایجاد ستون های مدیریت سفارشی Core features: Creating custom admin columns

  • ویژگی های اصلی: تکمیل صفحه آمار ما Core features: Completing our stats page

  • ویژگی های اصلی: تکمیل صفحه خوش آمدگویی ما Core features: Completing our welcome page

  • بعدش چی؟ آیا برای رفتن به Ultimate آماده اید!؟ What next? Are you ready to go Ultimate!?

محتوای قدیمی: پلاگین وردپرس شروع سریع Legacy Content: WordPress Plugin Quick Start

  • معرفی بخش پاداش: معرفی جوئل فانک (نینجا پلاگین ما)! Bonus Section Intro: Introducing Joel Funk (our Plugin Ninja)!

  • به پلاگین وردپرس شروع سریع + فایل های دوره خوش آمدید Welcome to the WordPress Plugin Quick Start + Course Files

  • الزامات دوره Course Requirements

  • مفاهیم و تعاریف: مقدمه Concepts & Definitions: Introduction

  • مفاهیم و تعاریف: افزونه ها چیست؟ Concepts & Definitions: What are plugins?

  • مفاهیم و تعاریف: قلاب چیست؟ Concepts & Definitions: What are hooks?

  • مفاهیم و تعاریف: اقدامات و فیلترهای رایج Concepts & Definitions: Common actions & filters

  • مفاهیم و تعاریف: انواع پست چیست؟ Concepts & Definitions: What are post types?

  • مفاهیم و تعاریف: پلاگین های برنامه ریزی Concepts & Definitions: Planning plugins

  • مقدمه: مقدمه Groundwork: Introduction

  • مقدمه: داده های سرصفحه پلاگین Groundwork: Plugin header data

  • زمینه: ایجاد صفحات مدیریت Groundwork: Creating admin pages

  • زمینه: ایجاد منوهای مدیریت Groundwork: Creating admin menus

  • زمینه: ایجاد انواع پست سفارشی Groundwork: Creating custom post types

  • زمینه: ایجاد جداول پایگاه داده سفارشی Groundwork: Creating custom database tables

  • ویژگی های اصلی: مقدمه Core features: Introduction

  • ویژگی های اصلی: ایجاد کدهای کوتاه سفارشی Core features: Creating custom shortcodes

  • ویژگی های اصلی: تقویت کدهای کوتاه Core features: Enhancing shortcodes

  • ویژگی های اصلی: از جمله اسکریپت ها Core features: Including scripts

  • ویژگی های اصلی: ثبت فرم های ارسالی Core features: Capturing form submissions

  • ویژگی های اصلی: مدیریت پاسخ های Ajax Core features: Handling Ajax responses

  • ویژگی های اصلی: ایجاد ستون های مدیریت سفارشی Core features: Creating custom admin columns

  • ویژگی های اصلی: تکمیل صفحه آمار ما Core features: Completing our stats page

  • ویژگی های اصلی: تکمیل صفحه خوش آمدگویی ما Core features: Completing our welcome page

  • بعدش چی؟ آیا برای رفتن به Ultimate آماده اید!؟ What next? Are you ready to go Ultimate!?

محتوای میراثی از نسخه اول دوره Legacy Content from The First Version of the Course

  • [میراث] آنچه در این دوره دریافت می کنید: تخفیف های دوره های اصلی + کتاب الکترونیکی [Legacy] What You Get in This Course: Major Course Discounts + eBook

  • [میراث] چگونه یک نسخه آزمایشی رایگان از Adobe Photoshop و موارد دیگر دریافت کنیم [Legacy] How to Get a Free Trial of Adobe Photoshop & More

  • [میراث] بخش خوش آمد گویی - جمع بندی: آنچه یاد گرفتید و آینده [Legacy] Welcome Section - Wrap Up: What You've Learned & What's Next

  • [میراث] مسابقه پاپ! [Legacy] Pop Quiz!

  • [میراث] معرفی بخش: آنچه می خواهید یاد بگیرید [Legacy] Section Intro: What You're Going to Learn

  • [میراث] عناصر و اصول اولیه طراحی بصری [Legacy] The Basic Elements & Principles of Visual Design

  • [میراث] مبانی تایپوگرافی [Legacy] Typography Basics

  • [میراث] علم رنگ (یا رنگ) [Legacy] The Science of Colour (or Color)

  • [میراث] طراحی با گرید [Legacy] Designing with Grids

  • [میراث] بخش بیرونی: جمع بندی، یادگیری بیشتر و آینده [Legacy] Section Outro: Wrap Up, Further Learning & What's Next

محتوای میراثی از نسخه اول دوره Legacy Content from The First Version of the Course

  • [میراث] آنچه در این دوره دریافت می کنید: تخفیف های دوره های اصلی + کتاب الکترونیکی [Legacy] What You Get in This Course: Major Course Discounts + eBook

  • [میراث] چگونه یک نسخه آزمایشی رایگان از Adobe Photoshop و موارد دیگر دریافت کنیم [Legacy] How to Get a Free Trial of Adobe Photoshop & More

  • [میراث] بخش خوش آمد گویی - جمع بندی: آنچه یاد گرفتید و آینده [Legacy] Welcome Section - Wrap Up: What You've Learned & What's Next

  • [میراث] مسابقه پاپ! [Legacy] Pop Quiz!

  • [میراث] معرفی بخش: آنچه می خواهید یاد بگیرید [Legacy] Section Intro: What You're Going to Learn

  • [میراث] عناصر و اصول اولیه طراحی بصری [Legacy] The Basic Elements & Principles of Visual Design

  • [میراث] مبانی تایپوگرافی [Legacy] Typography Basics

  • [میراث] علم رنگ (یا رنگ) [Legacy] The Science of Colour (or Color)

  • [میراث] طراحی با گرید [Legacy] Designing with Grids

  • [میراث] بخش بیرونی: جمع بندی، یادگیری بیشتر و آینده [Legacy] Section Outro: Wrap Up, Further Learning & What's Next

بخش پاداش Bonus Section

  • درس پاداش Bonus Lesson

بخش پاداش Bonus Section

  • درس پاداش Bonus Lesson

نمایش نظرات

نظری ارسال نشده است.

آموزش دوره نهایی طراحان وب و توسعه دهندگان وب
خرید اشتراک و دانلود خرید تکی و دانلود | 360,000 تومان (6 روز مهلت دانلود) در صورت خرید اشتراک، این آموزش بدلیل حجم بالا معادل 3 دوره است و 3 دوره از اشتراک شما کم می شود. زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
34 hours
263
Udemy (یودمی) udemy-small
16 اسفند 1400 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
80,564
4.6 از 5
دارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Brad Hussey Brad Hussey

من طراحی وب و توسعه وب را تدریس می کنم

Brad Hussey Brad Hussey

من طراحی وب و توسعه وب را تدریس می کنم

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.