50 مینی پروژه HTML، CSS و جاوااسکریپت در ۵۰ روز

50 مینی پروژه HTML، CSS و جاوااسکریپت در ۵۰ روز

20 : 06 : 00
0.0

اگر می‌خواهید HTML، CSS و JavaScript را به‌صورت کاملاً عملی یاد بگیرید، این دوره بهترین انتخاب است. با ساخت ۵۰ پروژه کوچک در ۵۰ روز، هم مهارت‌های خود را تقویت می‌کنید و هم یک پورتفولیوی حرفه‌ای برای ورود به بازار کار خواهید داشت. همین حالا ثبت‌نام کنید و یادگیری پروژه‌محور را شروع کنید. ?

کد یاد
کدیاد

تریلر دوره

توضیحات کامل دوره

اگر می‌خواهید HTML، CSS و JavaScript را به‌صورت کاملاً عملی یاد بگیرید، این دوره بهترین انتخاب است. با ساخت ۵۰ پروژه کوچک در ۵۰ روز، هم مهارت‌های خود را تقویت می‌کنید و هم یک پورتفولیوی حرفه‌ای برای و...

اگر می‌خواهید HTML، CSS و JavaScript را به‌صورت کاملاً عملی یاد بگیرید، این دوره بهترین انتخاب است. با ساخت ۵۰ پروژه کوچک در ۵۰ روز، هم مهارت‌های خود را تقویت می‌کنید و هم یک پورتفولیوی حرفه‌ای برای ورود به بازار کار خواهید داشت. همین حالا ثبت‌نام کنید و یادگیری پروژه‌محور را شروع کنید. ?

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

  • Welcome
    00:01:00
  • My Environment & Setup
    00:04:00
  • Project Starter Boilerplate
    00:08:00

  • Project Intro
    00:01:00
  • Initial Cards
    00:09:00
  • Expanding Effect
    00:07:00

  • Project Intro
    00:01:00
  • Creating The Steps
    00:13:00
  • Step Functionality
    00:11:00

  • Project Intro
    00:01:00
  • Content & Circle Styling
    00:13:00
  • Rotate & Slide Effect
    00:11:00

  • Project Intro
    00:01:00
  • Hidden Search Widget
    00:10:00

  • Project Intro
    00:01:00
  • Background Image & Loading Text
    00:05:00
  • Load Blur Effect
    00:08:00

  • Project Intro
    00:01:00
  • Scroll Animation
    00:14:00

  • Project Intro
    00:01:00
  • Split Landing Page HTML & CSS
    00:15:00
  • Adding The Hover Effect
    00:08:00

  • Project Intro
    00:01:00
  • Styling The Form
    00:09:00
  • Adding The Wave Effect
    00:10:00

  • Project Intro
    00:01:00
  • Sound Board Project
    00:10:00

  • Project Intro
    00:02:00
  • Jokes HTML & CSS
    00:07:00
  • Working With Fetch & HTTP RequestsResponses
    00:07:00
  • Fetching & Displaying Jokes
    00:11:00

  • Project Intro
    00:02:00
  • Key Boxes HTML & CSS
    00:07:00
  • Display Key Codes
    00:06:00

  • Project Intro
    00:01:00
  • FAQ Boxes
    00:13:00
  • Toggle Buttons
    00:08:00

  • Project Intro
    00:01:00
  • Choice Picker UI
    00:07:00
  • Create Tags
    00:06:00
  • Select Random Tag
    00:08:00

  • Project Intro
    00:01:00
  • Nav Styling
    00:11:00
  • Icon Styling & Active Toggle
    00:07:00

  • Project Intro
    00:01:00
  • Counters HTML & CSS
    00:06:00
  • Create & Display Increment
    00:07:00

  • Project Intro
    00:01:00
  • Create & Style The Cups
    00:16:00
  • Fill Small Cups
    00:07:00
  • Update Big Cup
    00:09:00

  • Project Intro
    00:02:00
  • Movies UI Layout
    00:14:00
  • Fetching Data From The API
    00:11:00
  • Adding Movies To The DOM
    00:10:00

  • Project Intro
    00:01:00
  • HTML & CSS
    00:13:00
  • Changing Slides
    00:09:00

  • Project Intro
    00:01:00
  • Starting The Clock
    00:13:00
  • Finish Clock Styling
    00:06:00
  • Mode & Clock Function
    00:17:00

  • Project Intro
    00:01:00
  • Button Style & Animation
    00:07:00
  • Button Click Effect
    00:09:00

  • Project Intro
    00:01:00
  • Create Drop Boxes
    00:06:00
  • Drag Drop Events
    00:14:00

  • Project Intro
    00:02:00
  • Drawing Pad UI
    00:07:00
  • Canvas Shapes
    00:07:00
  • Mouse Events & Drawing
    00:07:00
  • Toolbox Controls
    00:08:00

  • Project Intro
    00:01:00
  • Kinetic CSS Loader
    00:08:00

  • Project Intro
    00:01:00
  • Card HTML
    00:06:00
  • Card CSS
    00:05:00
  • Animation Timeout Effect
    00:11:00

  • Project Intro
    00:01:00
  • Website Content & Style
    00:13:00
  • Navbar CSS & JS
    00:11:00

  • Project Intro
    00:01:00
  • Vertical Slider UI
    00:14:00
  • Vertical Slider Function
    00:11:00

  • Project Intro
    00:01:00
  • Create Toast Notifications
    00:15:00

  • Project Intro
    00:02:00
  • Github Profile Card
    00:15:00
  • Fetching Profile Data With Axios
    00:11:00
  • Dynamic Profile Cards
    00:08:00
  • Adding Repos To Card
    00:08:00

  • Project Intro
    00:02:00
  • HTML & CSS
    00:07:00
  • Show Heart Based On Click Position
    00:14:00

  • Project Intro
    00:01:00
  • Auto Text Effect
    00:10:00

  • Project Intro
    00:01:00
  • Password Generator UI
    00:14:00
  • Random Functions
    00:09:00
  • Generate Password
    00:16:00
  • Copy Password To Clipboard
    00:03:00

  • Project Intro
    00:01:00
  • Style Checkboxes
    00:08:00
  • Check Ball Animation
    00:04:00
  • JavaScript Logic
    00:05:00

  • Project Intro
    00:02:00
  • Notes UI - HTML & CSS
    00:10:00
  • Adding Notes To The DOM
    00:10:00
  • Save Notes To Local Storage
    00:10:00

  • Project Intro
    00:02:00
  • Counter & Final Sections
    00:09:00
  • In & Out Animations
    00:08:00
  • Dynamic Animation With JS
    00:11:00

  • Project Intro
    00:01:00
  • Carousel UI
    00:08:00
  • Carousel Functionality
    00:10:00

  • Project Intro
    00:01:00
  • Styling The Board Squares
    00:05:00
  • Hoverboard Effect
    00:08:00

  • Project Intro
    00:01:00
  • Pokedex UI & Styling
    00:11:00
  • Fetching Pokemon Data
    00:05:00
  • Creating The Pokemon Cards
    00:11:00

  • Project Intro
    00:01:00
  • Create & Style UI
    00:11:00
  • Navigation Effect
    00:05:00

  • Project Intro
    00:01:00
  • Creating The Form & Background
    00:09:00
  • Change Blur On Input
    00:05:00

  • Project Intro
    00:02:00
  • Creating The Button & Boxes
    00:16:00
  • Background Position & Rotate Event
    00:10:00

  • Project Intro
    00:01:00
  • Verify Account UI Project
    00:14:00

  • Project Intro
    00:01:00
  • User List UI
    00:13:00
  • Fetch & Filter Users
    00:14:00

  • Project Intro
    00:02:00
  • Feedback Boxes
    00:11:00
  • Select & Submit Feedback
    00:13:00

  • Project Intro
    00:01:00
  • Styling The Range
    00:12:00
  • Label Value & Movement
    00:11:00

  • Project Intro
    00:01:00
  • Netflix Nav - Part 1
    00:09:00
  • Netflix Nav - Part 2
    00:11:00

  • Project Intro
    00:01:00
  • Quiz UI
    00:10:00
  • Quiz Functionality
    00:12:00

  • Project Intro
    00:01:00
  • Create Box & Progress Bar
    00:12:00
  • Testimonial Switch
    00:08:00

  • Project Intro
    00:01:00
  • Random Image Feed Project
    00:09:00

  • Project Intro
    00:01:00
  • Todo List UI
    00:09:00
  • Add, Remove & Mark Complete
    00:06:00
  • Saving Todos to Local Storage
    00:08:00

  • Project Intro
    00:02:00
  • Game Styling - Part 1
    00:13:00
  • Game Styling - Part 2
    00:09:00
  • Insect Game Functionality
    00:19:00

  • Project Intro
    00:02:00
  • Timer UI With Tailwind CSS
    00:17:00
  • Timer Functionality
    00:16:00

  • Project Intro
    00:02:00
  • Dice Roller UI - HTMLCSS
    00:10:00
  • Rolling Logic, Interval, DOM Manipulation
    00:10:00

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

549,000 تومان
247,050 تومان
55% تخفیف
ثبت‌نام در دوره
این دوره شامل:
53 فصل آموزشی
20 : 06 : 00 ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: مشخص نیست
تاریخ انتشار: 1405/08/01
آخرین به‌روزرسانی: 2026-10-23 19:02:11
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: