آموزش بیش از 30 پروژه وب با HTML، CSS و جاوا اسکریپت [ویدئو]

30+ Web Projects with HTML, CSS, and JavaScript [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: ما بیش از 30 پروژه وب متفاوت و خلاقانه را با سه فناوری اصلی HTML، CSS و جاوا اسکریپت خواهیم ساخت. اگر دانش اولیه ای از این فناوری ها دارید و هنوز هم برای ایجاد پروژه های وب خود مشکل دارید، یا اگر می خواهید مهارت های توسعه دهنده و طراح خود را ارتقا دهید، به جای درستی آمده اید. ما بیش از 30 پروژه مختلف وب خواهیم ساخت و آنها مملو از افکت ها و طرح های مدرن، زیبا و زیبا خواهند بود. ما با پروژه های ساده شروع می کنیم و چند پروژه پیشرفته را نیز مرور خواهیم کرد. با استفاده از این دوره، می توانید الهاماتی را دریافت کنید که به شما کمک می کند پروژه های خود را ارتقا دهید و نمونه کارها خود را سفارشی کنید. با تسلط بر این فناوری‌های اصلی توسعه وب جلویی، می‌توانید تم‌های عالی و مدرن ایجاد کنید و به سادگی استخدام شوید. همچنین، دانش کافی برای حرکت و یادگیری فناوری‌های دیگر مانند برخی از فریم‌ورک‌ها و کتابخانه‌های فرانت‌اند را خواهید داشت، که امروزه محبوب و مورد تقاضا هستند. در پایان دوره، شما به توسعه وب فرانت اند تسلط خواهید یافت و اعتماد به نفس برای اعمال افکت ها و طرح های مدرن و خلاقانه در پروژه های آینده خود را به دست خواهید آورد. همه منابع و فایل های کد در اینجا قرار می گیرند: https://github.com/PacktPublishing/30-Web-Projects-with-HTML-CSS-and-JavaScript ویژگی های مدرن HTML5، CSS3 و JavaScript را کاوش کنید. تکنیک های پیشرفته CSS و جاوا اسکریپت را یاد بگیرید آموزش پیاده سازی انیمیشن ها، تبدیل ها و انتقال های CSS3 با نحوه ایجاد قالب های طراحی وب مدرن آشنا شوید تکنیک ها و ترفندهای مدرن ایجاد یک طراحی وب مدرن را بررسی کنید در مورد شبکه های CSS و فریم های کلیدی CSS بیاموزید این دوره برای دانش آموزانی است که دانش پایه ای در HTML، CSS و JS دارند و می خواهند وب سایت نمونه کارها را بسازند. برای کسانی که می خواهند سه فناوری اصلی HTML، CSS و جاوا اسکریپت را تمرین کنند. کسانی که دانش اولیه در زمینه توسعه وب فرانت‌اند دارند و می‌خواهند مهارت‌های طراحی وب خود را توسعه دهند، می‌توانند از آن استفاده کنند. آشنایی با نحوه ساخت یک صفحه وب مدرن با جدیدترین جلوه ها و تکنیک ها * 30 پروژه مختلف برای کمک به شما در تسلط بر فناوری های HTML، CSS و کمی جاوا اسکریپت * بدانید که چگونه یک صفحه فرود متحرک ایجاد کنید تا صفحه وب شما جذاب تر به نظر برسد.

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

خوش آمدی Welcome

  • ویدئوی تبلیغاتی Promo Video

  • معرفی Introduction

  • برپایی Setup

پروژه 1 – فرم های سه بعدی Project 1 – 3D Forms

  • فرم های سه بعدی 3D Forms

پروژه 2 - خانه Project 2 – House

  • خانه House

پروژه 3 - نوار جستجو Project 3 – Search Bar

  • نوار جستجو Search Bar

پروژه 4 – ساعت Project 4– Clock

  • ساعت Clock

پروژه 5 - نوار ناوبری Project 5 – Navbar

  • نوار ناوبری Navbar

پروژه 6 - لودرهای وب سایت Project 6 – Website Loaders

  • لودرهای وب سایت Website Loaders

پروژه 7 – دکمه ریپل Project 7 – Ripple Button

  • دکمه ریپل Ripple Button

پروژه 8 - نوار پیشرفت دایره Project 8 – Circle Progress Bar

  • نوار پیشرفت دایره Circle Progress Bar

  • نوار پیشرفت دایره Circle Progress Bar

پروژه 8 - نوار پیشرفت دایره Project 8 – Circle Progress Bar

پروژه 9 – نمایش اسلاید آیکون های رسانه های اجتماعی Project 9 – Social Media Icons Slideshow

  • نمایش اسلاید آیکون های رسانه های اجتماعی Social Media Icons Slideshow

  • نمایش اسلاید آیکون های رسانه های اجتماعی Social Media Icons Slideshow

پروژه 9 – نمایش اسلاید آیکون های رسانه های اجتماعی Project 9 – Social Media Icons Slideshow

پروژه 10 - فرم های دارای اعتبارسنجی Project 10 – Forms with Validation

  • فرم های دارای اعتبارسنجی Forms with Validation

  • فرم های دارای اعتبارسنجی Forms with Validation

پروژه 10 - فرم های دارای اعتبارسنجی Project 10 – Forms with Validation

پروژه 11 – تقویم Project 11 – Calendar

  • تقویم Calendar

  • تقویم Calendar

پروژه 11 – تقویم Project 11 – Calendar

پروژه 12 - شمارش معکوس Project 12 – Countdown

  • شمارش معکوس Countdown

  • شمارش معکوس Countdown

پروژه 12 - شمارش معکوس Project 12 – Countdown

پروژه 13 – کارت پروفایل Project 13 – Profile Card

  • کارت پروفایل Profile Card

  • کارت پروفایل Profile Card

پروژه 13 – کارت پروفایل Project 13 – Profile Card

پروژه 14 - منوی شبکه CSS Project 14 – CSS Grid Menu

  • منوی شبکه CSS CSS Grid Menu

  • منوی شبکه CSS CSS Grid Menu

پروژه 14 - منوی شبکه CSS Project 14 – CSS Grid Menu

پروژه 15 - منوی ناوبری CSS Project 15 – CSS Navigation Menu

  • منوی ناوبری CSS CSS Navigation Menu

  • منوی ناوبری CSS CSS Navigation Menu

پروژه 15 - منوی ناوبری CSS Project 15 – CSS Navigation Menu

پروژه 16 - منوی کشویی Project 16 – Dropdown Menu

  • فهرست کشویی Dropdown Menu

  • فهرست کشویی Dropdown Menu

پروژه 16 - منوی کشویی Project 16 – Dropdown Menu

پروژه 17 - ناوبری Project 17 – Navigation

  • جهت یابی Navigation

  • جهت یابی Navigation

پروژه 17 - ناوبری Project 17 – Navigation

پروژه 18 - ناوبری گرد Project 18 – Rounded Navigation

  • ناوبری گرد Rounded Navigation

  • ناوبری گرد Rounded Navigation

پروژه 18 - ناوبری گرد Project 18 – Rounded Navigation

پروژه 19 - منوی نوار کناری Project 19 – Sidebar Menu

  • منوی نوار کناری Sidebar Menu

  • منوی نوار کناری Sidebar Menu

پروژه 19 - منوی نوار کناری Project 19 – Sidebar Menu

پروژه 20 – منوی همبرگر Project 20 – Hamburger Menu

  • منوی همبرگر Hamburger Menu

  • منوی همبرگر Hamburger Menu

پروژه 20 – منوی همبرگر Project 20 – Hamburger Menu

پروژه 21 - دکمه خلاق Project 21 – Creative Button

  • دکمه خلاق Creative Button

  • دکمه خلاق Creative Button

پروژه 21 - دکمه خلاق Project 21 – Creative Button

پروژه 22 - نمایش اسلاید Project 22 – Slideshow

  • نمایش اسلاید Slideshow

  • نمایش اسلاید Slideshow

پروژه 22 - نمایش اسلاید Project 22 – Slideshow

پروژه 23 – دکمه رادیویی CSS سفارشی Project 23– Custom CSS Radio Button

  • دکمه رادیویی CSS سفارشی Custom CSS Radio Button

  • دکمه رادیویی CSS سفارشی Custom CSS Radio Button

پروژه 23 – دکمه رادیویی CSS سفارشی Project 23– Custom CSS Radio Button

پروژه 24 – کارت ویزیت Project 24 – Business Card

  • کارت کسب و کار Business Card

  • کارت کسب و کار Business Card

پروژه 24 – کارت ویزیت Project 24 – Business Card

پروژه 25 – کارت سه بعدی Project 25 – 3D Card

  • کارت سه بعدی 3D Card

  • کارت سه بعدی 3D Card

پروژه 25 – کارت سه بعدی Project 25 – 3D Card

پروژه 26 - چک باکس سفارشی CSS Project 26 – Custom CSS Checkbox

  • چک باکس سفارشی CSS Custom CSS Checkbox

  • چک باکس سفارشی CSS Custom CSS Checkbox

پروژه 26 - چک باکس سفارشی CSS Project 26 – Custom CSS Checkbox

پروژه 27 – منوی همبرگر سایدبار Project 27 – Sidebar Hamburger Menu

  • منوی همبرگر سایدبار Sidebar Hamburger Menu

  • منوی همبرگر سایدبار Sidebar Hamburger Menu

پروژه 27 – منوی همبرگر سایدبار Project 27 – Sidebar Hamburger Menu

پروژه 28 - کارت های قیمت گذاری Project 28 – Pricing Cards

  • کارت های قیمت گذاری Pricing Cards

  • کارت های قیمت گذاری Pricing Cards

پروژه 28 - کارت های قیمت گذاری Project 28 – Pricing Cards

پروژه 29 - دکمه تعویض CSS Project 29 – CSS Toggle Button

  • دکمه تعویض CSS CSS Toggle Button

  • دکمه تعویض CSS CSS Toggle Button

پروژه 29 - دکمه تعویض CSS Project 29 – CSS Toggle Button

پروژه 30 – CSS Grid Gallery Project 30 – CSS Grid Gallery

  • CSS Grid Gallery CSS Grid Gallery

  • CSS Grid Gallery CSS Grid Gallery

پروژه 30 – CSS Grid Gallery Project 30 – CSS Grid Gallery

پروژه 31 – صفحه فرود با فرم های معین Project 31 – Landing Page with Modal Forms

  • صفحه فرود با فرم های معین Landing Page with Modal Forms

  • صفحه فرود با فرم های معین Landing Page with Modal Forms

پروژه 31 – صفحه فرود با فرم های معین Project 31 – Landing Page with Modal Forms

پروژه 32 – صفحه فرود متحرک Project 32 – Animated Landing Page

  • صفحه فرود متحرک Animated Landing Page

  • صفحه فرود متحرک Animated Landing Page

پروژه 32 – صفحه فرود متحرک Project 32 – Animated Landing Page

پروژه 33 – دکمه سه بعدی Project 33 – 3D Button

  • دکمه سه بعدی 3D Button

  • دکمه سه بعدی 3D Button

پروژه 33 – دکمه سه بعدی Project 33 – 3D Button

نمایش نظرات

آموزش بیش از 30 پروژه وب با HTML، CSS و جاوا اسکریپت [ویدئو]
جزییات دوره
14 h 25 m
36
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

George Lomidze George Lomidze

توسعه دهنده/طراح/معلم آنلاین

سلام،

من جورج هستم، یک برنامه‌نویس/طراح وب کامل، یکی از بنیانگذاران 'Code And Create' و نویسنده چندین کلاس در Skillshare.

من هیجان زده هستم که اینجا هستم و فرصتی برای کمک به مردم برای یادگیری یکی از جالب ترین و قدرتمندترین زمینه های امروزی دارم.

من تصمیم گرفتم دانش و تجربه خود را با جهان به اشتراک بگذارم و این دلیل اصلی حضور من در Skillshare است.

من در فناوری‌های زیر تخصص دارم: HTML، CSS، SASS، Bootstrap، JavaScript، jQuery، React، React Native، NodeJS، Git و موارد دیگر...

منتظر دیدار شما در کلاس‌هایم هستم و به شما کمک می‌کنم تا یک توسعه‌دهنده وب حرفه‌ای شوید.