آموزش ۱۰۰ روز جاوااسکریپت - آخرین آپدیت

دانلود 100 Days of JavaScript

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

مهارت‌های جاوااسکریپت خود را با ساخت پروژه‌های شگفت‌انگیز در 100 روز آینده با HTML، CSS و جاوااسکریپت تقویت کنید

مهارت‌های جاوااسکریپت خود را با ساخت پروژه‌ها ارتقا دهید از کلاس‌های 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)


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

مقدمه Introduction

  • مقدمه Introduction

  • دموی پروژه هوش مصنوعی AI Project Demo

  • چگونه از این دوره بهترین استفاده را ببریم How to get the best from this course

  • نیازمندی های دوره Course Requirement

راه اندازی محیط Environment Setup

  • راه اندازی محیط Environment Setup

  • قالب پروژه Project Template

  • ایجاد پروژه های جدید Creating New Projects

روز اول - اپلیکیشن شمارنده Day 1 - Counter App

  • اپلیکیشن شمارنده - مارک آپ Counter App - Markup

  • اپلیکیشن شمارنده - جاوا اسکریپت Counter App - JS

  • اپلیکیشن شمارنده - جاوا اسکریپت (به روز رسانی) Counter App - JS (UPDATE)

  • پیشرفت خود را به اشتراک بگذارید Share your progress

روز دوم - تولید کننده عدد تصادفی Day 2 - Random Number Generator

  • تولید کننده عدد تصادفی - مارک آپ Random Number Generator - Markup

  • تولید کننده عدد تصادفی - جاوا اسکریپت Random Number Generator - JS

روز سوم - تولید کننده رنگ هگزادسیمال تصادفی Day 3 - Random Hex Color Generator

  • تولید کننده رنگ هگزادسیمال تصادفی - مارک آپ Random Hex Color Generator - Markup

  • تولید کننده رنگ هگزادسیمال تصادفی - جاوا اسکریپت Random Hex Color Generator - JS

روز چهارم - مودال/پاپ آپ Day 4 - Modal/Popup

  • مودال/پاپ آپ مارک آپ Modal/Popup Markup

  • مودال/پاپ آپ - جاوا اسکریپت Modal/Popup - JS

  • مودال/پاپ آپ جاوا اسکریپت - افزودن انیمیشن اسلاید بالا هنگام بستن مودال Moadl/Popup JS - Add slide up animation on close modal

روز پنجم - بررسی کننده پالیندروم Day 5 - Palindrome Checker

  • بررسی کننده پالیندروم - مارک آپ Palindrome Checker - Markup

  • بررسی کننده پالیندروم - جاوا اسکریپت Palindrome Checker - JS

روز ششم - اپلیکیشن شمارنده حروف صدادار Day 6 - Vowel Counter App

  • اپلیکیشن شمارنده حروف صدادار - مارک آپ و جاوا اسکریپت Vowel Counter App - Markup and JS

روز هفتم - کپی با کلیک Day 7 - Click to Copy

  • کپی با کلیک - مارک آپ Click to Copy - Markup

  • کپی با کلیک - جاوا اسکریپت Click to Copy - JS

  • کپی با کلیک - به روز شده - execCommand حذف شده Click To Copy - Updated - execCommand Removed

روز هشتم - تولید کننده لینک دانلود گوگل درایو Day 8 - Google Drive Download Link Generator

  • تولید کننده لینک دانلود گوگل درایو - مارک آپ Google Drive Download Link Generator - Markup

  • تولید کننده لینک دانلود گوگل درایو - جاوا اسکریپت Google Drive Download Link Generator - JS

  • گوگل درایو جاوا اسکریپت به روز شده - execCommand حذف شده Google Drive JS Updated - execCommand Removed

روز نهم - شمارش کاراکتر فیلد ورودی Day 9 - Input Field Character Count

  • شمارش کاراکتر فیلد ورودی - مارک آپ Input Field Character Count - Markup

  • شمارش کاراکتر فیلد ورودی - جاوا اسکریپت Input Field Character Count - JS

روز دهم - تشخیص دهنده وضعیت اتصال به اینترنت Day 10 - Internet Connection Status Detector

  • تشخیص دهنده وضعیت اتصال به اینترنت - مارک آپ Internet Connection Status Detector - Markup

  • تشخیص دهنده وضعیت اتصال به اینترنت - جاوا اسکریپت Internet Connection Status Detector - JS

روز یازدهم - اپلیکیشن کوئیز Day 11 - Quiz App

  • اپلیکیشن کوئیز - مارک آپ Quiz App - Markup

  • اپلیکیشن کوئیز - جاوا اسکریپت Quiz App - JS

روز دوازدهم - ای پی آی Day 12 - API

  • ای پی آی - بخش اول API - Part 1

  • ای پی آی - بخش دوم - موقعیت جغرافیایی API - Part 2 - Geolocation

روز سیزدهم - پروژه درخواست HTTP - بخش اول Day 13 - HTTP Request Project - Part 1

  • پروژه درخواست HTTP - مارک آپ HTTP Request Project - Markup

  • پروژه درخواست HTTP - جاوا اسکریپت HTTP Request Project - JS

روز چهاردهم - پروژه درخواست HTTP - بخش دوم - تولید کننده نقل قول تصادفی Day 14 - HTTP Request Project - Part 2 - Random Quote Generator

  • تولید کننده نقل قول تصادفی Random Quote Generator

  • تولید کننده نقل قول تصادفی Random Quote Generator

روز پانزدهم - اپلیکیشن آب و هوا Day 15 - Weather App

  • اپلیکیشن آب و هوا - مارک آپ Weather App - Markup

  • اپلیکیشن آب و هوا - جاوا اسکریپت Weather App - JS

روز شانزدهم - پروژه جستجوی لیست Day 16 - List Search Project

  • پروژه جستجوی لیست - مارک آپ List Search Project - Markup

  • پروژه جستجوی لیست - جاوا اسکریپت List Search Project - JS

روز هفدهم - شمارش معکوس تاریخ Day 17 - Date Countdown

  • شمارش معکوس تاریخ - مارک آپ Date Countdown - Markup

  • شمارش معکوس تاریخ - جاوا اسکریپت Date Countdown - JS

روز هجدهم - شمارش معکوس زمان Day 18 - Time Countdown

  • شمارش معکوس زمان Time Countdown

روز نوزدهم - ماشین حساب انعام Day 19 - Tip Calculator

  • ماشین حساب انعام - مارک آپ Tip Calculator - Markup

  • ماشین حساب انعام - جاوا اسکریپت Tip Calculator - JS

روز بیستم - افکت اسکرول روان Day 20 - Smooth Scroll Effect

  • افکت اسکرول روان - مارک آپ Smooth Scroll - Markup

  • افکت اسکرول روان - جاوا اسکریپت Smooth Scroll - JS

روز بیست و یکم - نوار ناوبری چسبنده هنگام اسکرول Day 21 - Sticky Nav Bar on Scroll

  • نوار ناوبری چسبنده هنگام اسکرول - مارک آپ Sticky Nav Bar on Scroll - Markup

  • نوار ناوبری چسبنده هنگام اسکرول - جاوا اسکریپت Sticky Nav Bar on Scroll - JS

روز بیست و دوم - جابجا کننده منوی فعال Day 22 - Active Menu Switcher

  • جابجا کننده منوی فعال - مارک آپ Active Menu Switcher - Markup

  • جابجا کننده منوی فعال - جاوا اسکریپت Active Menu Switcher - JS

روز بیست و سوم - اسکرول به بالا متحرک Day 23 - Animated Scroll To Top

  • اسکرول به بالا - مارک آپ Scroll To Top - Markup

  • اسکرول به بالا - جاوا اسکریپت Scroll To Top - JS

روز بیست و چهارم - منوی موبایل واکنش گرا - بخش اول Day 24 - Responsive Mobile Menu - Part 1

  • منوی موبایل واکنش گرا - مارک آپ Responsive Mobile Menu - Markup

  • منوی موبایل واکنش گرا - جاوا اسکریپت Responsive Mobile Menu - JS

روز بیست و پنجم - منوی موبایل واکنش گرا - بخش دوم Day 25 - Responsive Mobile Menu - Part 2

  • منوی موبایل واکنش گرا - بخش دوم - مارک آپ Responsive Mobile Menu - Part 2 - Markup

  • منوی موبایل واکنش گرا - بخش دوم - جاوا اسکریپت Responsive Mobile Menu - Part 2 - JS

روز بیست و ششم - زیرمنوی موبایل واکنش گرا Day 26 - Responsive Mobile Submenu

  • زیرمنوی موبایل واکنش گرا - مارک آپ Responsive Mobile Submenu - Markup

  • زیرمنوی موبایل واکنش گرا - جاوا اسکریپت Responsive Mobile Submenu - JS

روز بیست و هفتم - شاخص اسکرول صفحه Day 27 - Page Scroll Indicator

  • شاخص اسکرول صفحه - مارک آپ Page Scroll Indicator - Markup

  • شاخص اسکرول صفحه - جاوا اسکریپت Page Scroll Indicator - JS

روز بیست و هشتم - فرم خبرنامه هنگام اسکرول Day 28 - Newsletter Form on Scroll

  • فرم خبرنامه هنگام اسکرول - مارک آپ Newsletter Form on Scroll - Markup

  • فرم خبرنامه هنگام اسکرول - جاوا اسکریپت Newsletter Form on Scroll - JS

روز بیست و نهم - انیمیشن صفحه با کتابخانه AOS Day 29 - Page Animation With AOS Library

  • انیمیشن صفحه Page Animation

روز سی ام - تولید کننده رمز عبور تصادفی Day 30 - Random Password Generator

  • تولید کننده رمز عبور - مارک آپ Password Generator - Markup

  • تولید کننده رمز عبور - جاوا اسکریپت Password Generator - JS

روز سی و یکم - ذخیره سازی محلی Day 31 - Local Storage

  • ذخیره سازی محلی - تئوری Local Storage - Theory

  • ذخیره سازی محلی - عملی Local Storage - Practical

روز سی و دوم - اپلیکیشن انجام کارها Day 32 - Todo App

  • اپلیکیشن انجام کارها - مارک آپ Todo App - Markup

  • اپلیکیشن انجام کارها - جاوا اسکریپت Todo App - JS

  • اپلیکیشن انجام کارها - جاوا اسکریپت با ذخیره سازی محلی Todo App - JS With Local Storage

روز سی و سوم - اپلیکیشن یادداشت ها Day 33 - Notes App

  • اپلیکیشن یادداشت ها - مارک آپ Notes App - Markup

  • اپلیکیشن یادداشت ها - سی اس اس Notes App - CSS

  • اپلیکیشن یادداشت ها - جاوا اسکریپت 1 - دریافت یادداشت ها از ذخیره سازی محلی Notes App - JS 1 - Get notes from LS

  • اپلیکیشن یادداشت ها - جاوا اسکریپت 2 - افزودن شنونده رویداد Notes App - JS 2 - Add event listener

  • اپلیکیشن یادداشت ها - جاوا اسکریپت 3 - نمایش یادداشت ها Notes App - JS 3 - Show notes

  • اپلیکیشن یادداشت ها - جاوا اسکریپت 4 - حذف یادداشت Notes App - JS 4 - Delete note

  • اپلیکیشن یادداشت ها - جاوا اسکریپت 5 - ویرایش یادداشت ها Notes App - JS 5 - Edit notes

روز سی و چهارم - ماشین حساب BMI Day 34 - BMI Calculator

  • ماشین حساب BMI - مارک آپ BMI Calculator - Markup

  • ماشین حساب BMI - جاوا اسکریپت BMI Calculator - JS

  • ماشین حساب BMI - جاوا اسکریپت (اشکال زدایی) BMI Calculator - JS (Debugging)

روز سی و پنجم - ماشین حساب Day 35 - Calculator

  • ماشین حساب - مارک آپ Calculator - Markup

  • ماشین حساب - جاوا اسکریپت Calculator - JS

روز سی و ششم - ساعت دیجیتال Day 36 - Digital Clock

  • ساعت دیجیتال - مارک آپ Digital Clock - Markup

  • ساعت دیجیتال - جاوا اسکریپت Digital Clock - JS

روز سی و هفتم - مبدل وزن Day 37 - Weight Converter

  • مبدل وزن - مارک آپ Weight Converter - Markup

  • مبدل وزن - جاوا اسکریپت Weight Converter - JS

روز سی و هشتم - مبدل دما Day 38 - Temperature Converter

  • مبدل دما - مارک آپ Temperature Converter - Markup

  • مبدل دما - جاوا اسکریپت Temperature Converter - JS

روز سی و نهم - بازی دویدن Day 39 - Running Game

  • بازی دویدن - مارک آپ Running Game - Markup

  • بازی دویدن - جاوا اسکریپت Running Game - JS

روز چهلم - ابزار شمارش کلمه Day 40 - Word Count Tool

  • شمارش کلمه - مارک آپ Word Count - Markup

  • شمارش کلمه - جاوا اسکریپت Word Count - JS

روز چهل و یکم - آکاردئون Day 41 - Accordion

  • آکاردئون - مارک آپ Accordion - Markup

  • آکاردئون - جاوا اسکریپت - بخش اول Accordion - JS - Part 1

  • آکاردئون - جاوا اسکریپت - بخش دوم Accordion - JS - Part 2

روز چهل و دوم - Async Await - تولید کننده جوک تصادفی Day 42 - Async Await - Random Joke Generator

  • Async Await - تولید کننده جوک تصادفی - مارک آپ Async Await - Random Joke Generator - Markup

  • Async Await - تولید کننده جوک تصادفی - جاوا اسکریپت Async Await - Random Joke Generator - JS

روز چهل و سوم - ماژول ها، واردات و صادرات Day 43 - Modules, Imports and Exports

  • ماژول ها، واردات و صادرات Modules, Imports and Exports

روز چهل و چهارم - اپلیکیشن جستجوی پروفایل گیت هاب Day 44 - GitHub Profile Search App

  • اپلیکیشن جستجوی پروفایل گیت هاب - مارک آپ GitHub Profile Search App - Markup

  • اپلیکیشن جستجوی پروفایل گیت هاب - جاوا اسکریپت - بخش اول GitHub Profile Search App - JS - Part 1

  • اپلیکیشن جستجوی پروفایل گیت هاب - جاوا اسکریپت - بخش دوم GitHub Profile Search App - JS - Part 2

روز چهل و پنجم - اپلیکیشن جستجوی ویکی پدیا Day 45 - Wikipedia Search App

  • اپلیکیشن جستجوی ویکی پدیا - مارک آپ Wikipedia Search App - Markup

  • اپلیکیشن جستجوی ویکی پدیا - جاوا اسکریپت Wikipedia Search App - JS

روز چهل و ششم - اپلیکیشن جستجوی متن ترانه Day 46 - Lyrics Search App

  • روز چهل و ششم - اطلاعیه Day 46 - NOTICE

روز چهل و هفتم - اسلایدر تصویر Day 47 - Image Slider

  • اسلایدر تصویر - مارک آپ Image Slider - Markup

  • اسلایدر تصویر - جاوا اسکریپت Image Slider - JS

روز چهل و هشتم - متدهای آرایه جاوا اسکریپت Day 48 - JavaScript Array Methods

  • متدهای آرایه جاوا اسکریپت JavaScript Array Methods

روز چهل و نهم - ویژگی داده و جاوا اسکریپت Day 49 - Data Attribute and JS

  • ویژگی داده و جاوا اسکریپت Data Attribute and JS

روز پنجاهم - فیلتر محصول Day 50 - Product Filter

  • فیلتر محصول - مارک آپ Product Filter - Markup

  • فیلتر محصول - جاوا اسکریپت Product Filter - JS

روز پنجاه و یکم - اسلایدر کاروسل محصول Day 51 - Product Carousel Slider

  • اسلایدر کاروسل محصول - مارک آپ Product Carousel Slider - Markup

  • اسلایدر کاروسل محصول - جاوا اسکریپت Product Carousel Slider - JS

روز پنجاه و دوم - تب های عمودی Day 52 - Vertical Tabs

  • تب های عمودی - مارک آپ Vertical Tabs - Markup

  • تب های عمودی - جاوا اسکریپت Vertical Tabs - JS

روز پنجاه و سوم - اپلیکیشن شمارش رو به بالا Day 53 - Count Up App

  • اپلیکیشن شمارش رو به بالا - مارک آپ Count Up App - Markup

  • اپلیکیشن شمارش رو به بالا - جاوا اسکریپت Count Up App - JS

روز پنجاه و چهارم - پیانوی دیجیتال Day 54 - Digital Piano

  • پیانوی دیجیتال - مارک آپ Digital Piano - Markup

  • پیانوی دیجیتال - جاوا اسکریپت Digital Piano - JS

روز پنجاه و پنجم - اعتبارسنجی فرم Day 55 - Form Validation

  • اعتبارسنجی فرم - مارک آپ Form Validation - Markup

  • اعتبارسنجی فرم - جاوا اسکریپت Form Validation - JS

روز پنجاه و ششم - جابجایی دید رمز عبور Day 56 - Password Visibility Toggle

  • جابجایی دید رمز عبور - مارک آپ Password Visibility Toggle - Markup

  • جابجایی دید رمز عبور - جاوا اسکریپت Password Visibility Toggle - JS

روز پنجاه و هفتم - نشانگر قدرت رمز عبور Day 57 - Password Strength Indicator

  • نشانگر قدرت رمز عبور - مارک آپ Password Strength Indicator - Markup

  • نشانگر قدرت رمز عبور - جاوا اسکریپت Password Strength Indicator - JS

روز پنجاه و هشتم - رابط کاربری ورود متحرک Day 58 - Animated Login UI

  • رابط کاربری ورود متحرک - مارک آپ Animated Login UI - Markup

  • رابط کاربری ورود متحرک - جاوا اسکریپت Animated Login UI - JS

روز پنجاه و نهم - نوار جستجوی متحرک Day 59 - Animated Search Bar

  • نوار جستجوی متحرک - مارک آپ Animated Search Bar - Markup

  • نوار جستجوی متحرک - جاوا اسکریپت Animated Search Bar - JS

روز شصتم - منوی آواتار کاربر اودمی Day 60 - Udemy User Avatar Menu

  • منوی آواتار کاربر اودمی - مارک آپ Udemy User Avatar Menu - Markup

  • منوی آواتار کاربر اودمی - جاوا اسکریپت Udemy User Avatar Menu - JS

روز شصت و یکم - مبدل ارز Day 61 - Currency Converter

  • مبدل ارز - مارک آپ Currency Converter - Markup

  • مبدل ارز - جاوا اسکریپت Currency Converter - JS

روز شصت و دوم - اپلیکیشن فهرست فیلم Day 62 - Movie Listing App

  • اپلیکیشن فهرست فیلم - مارک آپ Movie Listing App - Markup

  • اپلیکیشن فهرست فیلم - جاوا اسکریپت Movie Listing App - JS

روز شصت و سوم - دکمه عملیات شناور Day 63 - Floating Action Button

  • دکمه عملیات شناور - مارک آپ Floating Action Button - Markup

  • دکمه عملیات شناور - جاوا اسکریپت Floating Action Button - JS

روز شصت و چهارم - جابجا کننده حالت تاریک و روشن Day 64 - Dark and Light Mode Toggler

  • جابجا کننده حالت تاریک و روشن - مارک آپ Dark and Light Mode Toggler - Markup

  • جابجا کننده حالت تاریک و روشن - جاوا اسکریپت Dark and Light Mode Toggler - JS

روز شصت و پنجم - اپلیکیشن تبدیل گفتار به متن با Web Speech API Day 65 - Web Speech Api - Speech To Text App

  • مقدمه پروژه Web Speech API Web Speech Api Project - Introduction

  • پروژه تبدیل گفتار به متن - مارک آپ Speech to Text Project - Markup

  • پروژه تبدیل گفتار به متن - جاوا اسکریپت Speech to Text Project - JS

روز شصت و ششم - اپلیکیشن تبدیل گفتار به متن با Web Speech API - با دستور صوتی Day 66 - Web Speech Api - Speech To Text App - With Voice Command

  • پروژه تبدیل گفتار به متن - با دستور صوتی Speech to Text Project - With Voice Command

روز شصت و هفتم - اپلیکیشن تبدیل متن به گفتار - سنتز گفتار Day 67 - Speech Synthesis - Text To Speech App

  • تبدیل متن به گفتار - مارک آپ و جاوا اسکریپت Text To Speech - Markup and JS

روز شصت و هشتم - پروژه افکت تایپ نویسندگی Day 68 - Type Writing Effect Project

  • پروژه افکت تایپ نویسندگی - مارک آپ Type Writing Effect Project - Markup

  • پروژه افکت تایپ نویسندگی - جاوا اسکریپت Type Writing Effect Project - JS

روز شصت و نهم - نوار پیشرفت سفارشی Day 69 - Custom Progress Bar

  • نوار پیشرفت سفارشی - مارک آپ Custom Progress Bar - Markup

  • نوار پیشرفت سفارشی - جاوا اسکریپت Custom Progress Bar - JS

روز هفتادم - هشدار و اعلان تست سفارشی (کلاس های ES6) Day 70 - Custom Alert & Toast Notification (ES6 Classes)

  • هشدار و اعلان تست سفارشی - مارک آپ Custom Alert & Toast Notification - Markup

  • هشدار و اعلان تست سفارشی - جاوا اسکریپت Custom Alert & Toast Notification - JS

روز هفتاد و یکم - هشدار و اعلان تست سفارشی با نوار پیشرفت Day 71 - Custom Alert & Toast Notification With Progress Bar

  • هشدار و اعلان تست سفارشی با نوار پیشرفت - مارک آپ Custom Alert & Toast Notification With Progress Bar - Markup

  • هشدار و اعلان تست سفارشی با نوار پیشرفت - جاوا اسکریپت Custom Alert & Toast Notification With Progress Bar - JS

روز هفتاد و دوم - جعبه دیالوگ تایید سفارشی (کلاس های ES6) Day 72 - Custom Confirm Dialog Box (ES6 Classes)

  • جعبه دیالوگ تایید سفارشی - مارک آپ Custom Confirm Dialog Box - Markup

  • جعبه دیالوگ تایید سفارشی - جاوا اسکریپت Custom Confirm Dialog Box - JS

روز هفتاد و سوم - اسلایدر محدوده سفارشی Day 73 - Custom Range Slider

  • اسلایدر محدوده سفارشی - مارک آپ Custom Range Slider - Markup

  • اسلایدر محدوده سفارشی - جاوا اسکریپت Custom Range Slider - JS

روز هفتاد و چهارم - مودال با رویداد شمارش معکوس Day 74 - Modal With Countdown Event

  • مودال با رویداد شمارش معکوس - مارک آپ Modal With Countdown Event - Markup

  • مودال با رویداد شمارش معکوس - جاوا اسکریپت Modal With Countdown Event - JS

روز هفتاد و پنجم - پیش بارگذار وب سایت Day 75 - Website Preloader

  • پیش بارگذار وب سایت - مارک آپ Website Preloader - Markup

  • پیش بارگذار وب سایت - جاوا اسکریپت Website Preloader - JS

روز هفتاد و ششم - اسلایدر نظرات مشتریان Day 76 - Testimonial Slider

  • اسلایدر نظرات مشتریان - مارک آپ Testimonial Slider - Markup

  • اسلایدر نظرات مشتریان - جاوا اسکریپت Testimonial Slider - JS

روز هفتاد و هفتم - شمارش کاراکتر توییت - چالش Day 77 - Tweet Character Count - Challenge

  • شمارش کاراکتر توییت - مارک آپ Tweet Character Count - Markup

  • شمارش کاراکتر توییت - جاوا اسکریپت Tweet Character Count - JS

روز هفتاد و هشتم - توییت با کلیک Day 78 - Click to Tweet

  • توییت با کلیک - مارک آپ و جاوا اسکریپت Click to Tweet - Markup and JS

روز هفتاد و نهم - جاسازی خط زمانی توییتر Day 79 - Embed Twitter Timeline

  • جاسازی خط زمانی توییتر Embed Twitter Timeline

روز هشتادم - اپلیکیشن دستور پخت Day 80 - Recipe App

  • اپلیکیشن دستور پخت - مارک آپ 1 Recipe App - Markup 1

  • اپلیکیشن دستور پخت - مارک آپ 2 Recipe App - Markup 2

  • اپلیکیشن دستور پخت - جاوا اسکریپت Recipe App - JS

روز هشتاد و یکم - گالری محصول با تصویر بند انگشتی Day 81 - Product Gallery With Thumbnail

  • گالری محصول با تصویر بند انگشتی - مارک آپ Product Gallery With Thumbnail - Markup

  • گالری محصول با تصویر بند انگشتی - جاوا اسکریپت Product Gallery With Thumbnail - JS

روز هشتاد و دوم - فیلتر گالری تصویر Day 82 - Image Gallery Filter

  • فیلتر گالری تصویر - مارک آپ Image Gallery Filter - Markup

  • فیلتر گالری تصویر - جاوا اسکریپت Image Gallery Filter - JS

روز هشتاد و سوم - رابط کاربری/تجربه پرداخت کارت Day 83 - Card Payment UI/UX

  • رابط کاربری/تجربه پرداخت کارت - مارک آپ و سی اس اس Card Payment UI/UX - Markup and CSS

  • رابط کاربری/تجربه پرداخت کارت - جاوا اسکریپت Card Payment UI/UX - JS

روز هشتاد و چهارم - ماشین حساب دقیق سن Day 84 - Exact Age Calculator

  • ماشین حساب دقیق سن - مارک آپ Exact Age Calculator - Markup

  • ماشین حساب دقیق سن - جاوا اسکریپت Exact Age Calculator - JS

روز هشتاد و پنجم - فرم چند مرحله ای Day 85 - Multistep Form

  • فرم چند مرحله ای - مارک آپ Multistep Form - Markup

  • فرم چند مرحله ای - جاوا اسکریپت Multistep Form - JS

روز هشتاد و ششم - بخش قیمت گذاری Day 86 - Pricing Section

  • بخش قیمت گذاری - مارک آپ Pricing Section - Markup

  • بخش قیمت گذاری - جاوا اسکریپت Pricing Section - JS

روز هشتاد و هفتم - کرنومتر Day 87 - Stop Watch

  • کرنومتر - مارک آپ Stop Watch - Markup

  • کرنومتر - جاوا اسکریپت Stop Watch - JS

روز هشتاد و هشتم - پروژه خط زمانی عمودی Day 88 - Vertical Timeline Project

  • پروژه خط زمانی عمودی - مارک آپ Vertical Timeline Project- Markup

  • پروژه خط زمانی عمودی - جاوا اسکریپت Vertical Timeline Project- JS

روز هشتاد و نهم - اپلیکیشن پخش کننده موسیقی Day 89 - Music Player App

  • اپلیکیشن پخش کننده موسیقی - مارک آپ 1 Music Player App - Markup 1

  • اپلیکیشن پخش کننده موسیقی - مارک آپ 2 Music Player App - Markup 2

  • اپلیکیشن پخش کننده موسیقی - جاوا اسکریپت بخش اول - ایجاد متغیرها Music Player App - JS Part 1 - Create Variables

  • اپلیکیشن پخش کننده موسیقی - جاوا اسکریپت بخش دوم - ایجاد آرایه موسیقی Music Player App - JS Part 2 - Create Music Array

  • اپلیکیشن پخش کننده موسیقی - جاوا اسکریپت بخش سوم - تابع پخش و توقف Music Player App - JS Part 3 - Play and Pause Function

  • اپلیکیشن پخش کننده موسیقی - جاوا اسکریپت بخش چهارم - دکمه بعدی و قبلی Music Player App - JS Part 4 - Next and Previous button

  • اپلیکیشن پخش کننده موسیقی - جاوا اسکریپت بخش پنجم - دکمه پخش خودکار Music Player App - JS Part 5 - Autoplay Button

  • اپلیکیشن پخش کننده موسیقی - جاوا اسکریپت بخش ششم - تابع تغییر حجم صدا Music Player App - JS Part 6 - Change Volume Function

  • اپلیکیشن پخش کننده موسیقی - جاوا اسکریپت بخش هفتم - به روز رسانی مدت زمان آهنگ Music Player App - JS Part 7 - Update Track Duration

  • اپلیکیشن پخش کننده موسیقی - جاوا اسکریپت بخش هشتم - به روز رسانی اسلایدر Music Player App - JS Part 8 - Update Slider

  • اپلیکیشن پخش کننده موسیقی - جاوا اسکریپت بخش نهم - به روز رسانی تایمر آهنگ Music Player App - JS Part 9 - Update Song Timer

  • اپلیکیشن پخش کننده موسیقی - جاوا اسکریپت بخش دهم - اضافه کردن لیست پخش Music Player App - JS Part 10 - Adding the Playlist

روز نودم - 100 - پروژه هوش مصنوعی شبیه سازی شده - آنیتا (به علاوه چالش 10 روزه) Day 90 - 100 - Pseudo AI Project - Anita (Plus 10 Day Challenge)

  • آنیتا هوش مصنوعی - مارک آپ Anita AI - Markup

  • آنیتا هوش مصنوعی - جاوا اسکریپت بخش اول - راه اندازی فایل داده ما Anita AI - JS Part 1 - Setting Up Our Data File

  • آنیتا هوش مصنوعی - جاوا اسکریپت بخش دوم - شروع تشخیص گفتار Anita AI - JS Part 2 - Start Speech Recognition

  • آنیتا هوش مصنوعی - جاوا اسکریپت بخش سوم - تنظیم میانبرهای صفحه کلید Anita AI - JS Part 3 - Set Keyboard Shortcuts

  • آنیتا هوش مصنوعی - جاوا اسکریپت بخش چهارم - تابع بارگذاری رونویس و پاسخ Anita AI - JS Part 4 - Load Transcript and Respond Function

  • آنیتا هوش مصنوعی - جاوا اسکریپت بخش پنجم - پاسخ به سوالات Anita AI - JS Part 5 - Respond to questions

  • آنیتا هوش مصنوعی - جاوا اسکریپت بخش ششم - تشخیص گفتار را واقعاً پیوسته کنید Anita AI - JS Part 6 - Make Speech Recognition Truly Continous

  • آنیتا هوش مصنوعی - جاوا اسکریپت بخش هفتم - چالش 10 روزه Anita AI - JS Part 7 - 10 Day Challenge

نمایش نظرات

آموزش ۱۰۰ روز جاوااسکریپت
جزییات دوره
60.5 hours
208
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
4,396
4.5 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ewomazino Akpareva Ewomazino Akpareva

توسعه‌دهنده وب