مهارتهای جاوااسکریپت خود را با ساخت پروژهها ارتقا دهید از کلاسهای ES6، توابع فلش، رویدادها، دستکاری DOM و موارد دیگر استفاده کنید. HTML، CSS، Flexbox و Grid Layout را در پروژهها به کار بگیرید. از Bootstrap برای ساخت پروژهها استفاده کنید.
دانش پایه HTML، CSS و جاوااسکریپت
به دوره 100 روز جاوااسکریپت خوش آمدید، یک دوره جاوااسکریپت مبتنی بر پروژه. یادگیری اصول اولیه جاوااسکریپت یک چیز است، اما به کار بردن دانش برای ساخت اپلیکیشنهای وب کاربردی گاهی اوقات میتواند دشوار باشد، بهخصوص برای مبتدیان. من این دوره را ایجاد کردهام تا به توسعهدهندگان جاوااسکریپت مبتدی و متوسط کمک کنم تا درک بهتری کسب کنند و اعتماد به نفس پیدا کنند، با ساخت پروژههای شگفتانگیز با جاوااسکریپت.
در پایان دوره، ما چیزی را میسازیم که من آن را "هوش مصنوعی کاذب جاوااسکریپت" مینامم که پروژهای بسیار هیجانانگیز است.
تمام پروژههایی که میسازیم به خوبی توضیح داده شدهاند. بسیاری از پروژههایی که ما میسازیم، کامپوننتهایی هستند که در وبسایتها و اپلیکیشنهای وب مدرن یافت میشوند.
این دوره برای مبتدیان مطلق جاوااسکریپت نیست. برای گذراندن این دوره، باید اصول اولیه HTML، CSS و جاوااسکریپت را بدانید.
اپلیکیشن شمارنده (Counter App)
مولد رنگ هگز تصادفی (Random Hex Color Generator)
مولد عدد تصادفی (Random Number Generator)
مدال/پاپآپ (Modal/Popup)
چککننده پالیندروم (Palindrome Checker)
اپلیکیشن شمارنده حروف صدادار (Vowel Counter App)
کپی با کلیک (Click to Copy)
مولد لینک دانلود گوگل درایو (Google Drive Download Link Generator)
اپلیکیشن آب و هوا (Weather App)
شمارنده کاراکتر فیلد ورودی (Input Field Character Counter)
اپلیکیشن جستجوی متن ترانه (Lyrics Search App)
تشخیص وضعیت اتصال اینترنت (Internet Connection Status Detector)
اپلیکیشن آزمون (Quiz App)
پروژه API (API Project)
پروژه درخواست HTTP (HTTP Request Project)
مولد نقل قول تصادفی (Random Quote Generator)
پروژه جستجوی لیست (List Search Project)
شمارش معکوس تاریخ (Date Countdown)
شمارش معکوس زمان (Time Countdown)
ماشین حساب انعام (Tip Calculator)
جلوه پیمایش روان (Smooth Scroll Effect)
نوار ناوبری چسبان هنگام پیمایش (Sticky Nav Bar on Scroll)
تغییر دهنده منوی فعال (Active Menu Switcher)
رفتن به بالا (Scroll To Top)
منوی موبایل واکنشگرا - بخش 1 و 2 (Responsive Mobile Menu - part 1 & 2)
منوی موبایل واکنشگرا با زیرمنو (Responsive Mobile Menu with Submenu)
نشانگر پیمایش صفحه (Page Scroll Indicator)
فرم خبرنامه هنگام پیمایش (Newsletter Form on Scroll)
انیمیشن صفحه با کتابخانه AOS (Page Animation With AOS Library)
مولد رمز عبور (Password Generator)
حافظه محلی (Local Storage)
اپلیکیشن ساده انجام کارها (Simple ToDo App)
اپلیکیشن انجام کارها با حافظه محلی (Todo App with Local Storage)
اپلیکیشن یادداشتها (Notes App)
ماشین حساب BMI (BMI Calculator)
ماشین حساب (Calculator)
ساعت دیجیتال (Digital Clock)
مبدل وزن (Weight Converter)
مبدل دما (Temperature Converter)
بازی دویدن (Running Game)
ابزار شمارش کلمات (Word Count Tool)
آکاردئون (Accordion)
Async Await - مولد جوک تصادفی (Async Await - Random Joke Generator)
ماژولها، واردات و صادرات (Modules, Imports and Exports)
اپلیکیشن جستجوی پروفایل گیتهاب (GitHub Profile Search App)
اپلیکیشن جستجوی ویکیپدیا (Wikipedia Search App)
اسلایدر تصویر (Image Slider)
متدهای آرایه جاوااسکریپت (JavaScript Array Methods)
ویژگی داده و جاوااسکریپت (Data Attribute and JS)
فیلتر محصول (Product Filter)
اسلایدر گالری محصول (Product Carousel Slider)
تبهای عمودی (Vertical Tabs)
اپلیکیشن شمارش معکوس (Count Up App)
پیانوی دیجیتال (Digital Piano)
اعتبارسنجی فرم (Form Validation)
تغییر نمایش رمز عبور (Password Visibility Toggle)
شاخص قدرت رمز عبور (Password Strength Indicator)
رابط کاربری ورود انیمیشنی (Animated Login UI)
نوار جستجوی انیمیشنی (Animated Search Bar)
منوی آواتار کاربر اودمی (Udemy User Avatar Menu)
مبدل ارز (Currency Converter)
اپلیکیشن لیست فیلم (Movie Listing App)
دکمه عملیات شناور (Floating Action Button)
تغییر دهنده حالت تاریک و روشن (Dark and Light Mode Toggler)
API گفتار وب - اپلیکیشن تبدیل گفتار به متن (Web Speech API - Speech To Text App)
API گفتار وب - اپلیکیشن تبدیل گفتار به متن - با فرمان صوتی (Web Speech API - Speech To Text App - With Voice Command)
سنتز گفتار - اپلیکیشن تبدیل متن به گفتار (Speech Synthesis - Text To Speech App)
پروژه جلوه تایپنویسی (Type Writing Effect Project)
نوار پیشرفت سفارشی (Custom Progress Bar)
هشدار سفارشی و اعلانهای ناگهانی (کلاسهای ES6) (Custom Alert & Toast Notification (ES6 Classes))
هشدار سفارشی و اعلانهای ناگهانی با نوار پیشرفت (Custom Alert & Toast Notification With Progress Bar)
جعبه گفتگو تأیید سفارشی (کلاسهای ES6) (Custom Confirm Dialog Box (ES6 Classes))
اسلایدر محدوده سفارشی (Custom Range Slider)
مدال با رویداد شمارش معکوس (Modal With Countdown Event)
پیش بارگذار وبسایت (Website Preloader)
اسلایدر نظرات مشتریان (Testimonial Slider)
شمارش کاراکتر توییت (Tweet Character Count)
کلیک برای توییت (Click to Tweet)
جاسازی خط زمانی توییتر (Embed Twitter Timeline)
اپلیکیشن دستور پخت (Recipe App)
گالری محصولات با تصویر کوچک (Product Gallery With Thumbnail)
فیلتر گالری تصاویر (Image Gallery Filter)
رابط کاربری/تجربه پرداخت کارتی (Card Payment UI/UX)
ماشین حساب دقیق سن (Exact Age Calculator)
فرم چند مرحلهای (Multistep Form)
بخش قیمتگذاری (Pricing Section)
کرونومتر (Stop Watch)
پروژه خط زمانی عمودی انیمیشنی (Animated Vertical Timeline Project)
اپلیکیشن پخش کننده موسیقی (Music Player App)
پروژه هوش مصنوعی کاذب - آنیتا (Pseudo AI Project - Anita)
Ewomazino Akpareva
توسعهدهنده وب
نمایش نظرات