آموزش Html، CSS، JS را به روش سخت بیاموزید: با پروژه ها

Learn Html, CSS, JS the hard way: with projects

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: جاوا اسکریپت - CSS - HTML - توابع پیکان - توابع CallBack - توابع ساده - اجازه دهید - پروژه -10 در 10 روز شروع به یادگیری کنید. ذخیره سازی ویژگی های جاوا اسکریپت ES6 مانند توابع فلش، const، let و رشته واقعی الگو نحوه استفاده از FlexBox، انیمیشن ها و واحدهای REM در CSS تکنیک خوب برنامه نویسی آموزش مبتنی بر پروژه برای تجلی استایل مدرن با ویژگی های سفارشی Flexbox، انیمیشن CSS ... پیش نیازها: درک اولیه HTML و CSS یک امتیاز مثبت است، اما الزامی نیست!

به 10 پروژه در 10 روز در این دوره خوش آمدید، ما سعی داریم شما را در توسعه وب اصلی با جاوا اسکریپت، HTML، CSS راهنمایی کنیم.

این یک دوره آموزشی سرگرم کننده و عملی مبتنی بر پروژه برای تمام سطوح مهارت است. پروژه‌های این دوره به گونه‌ای طراحی شده‌اند که شما را با استفاده از HTML5، CSS جاوا اسکریپت بدون چارچوب یا کتابخانه بسازید. هر پروژه از ابتدا ساخته شده است و دارای نوعی عملکرد پویا از بازی های کوچک گرفته تا ردیاب هزینه و برنامه آرامش تنفس است.

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

جاوا اسکریپت محبوب ترین زبان برنامه نویسی در جهان است و این آن را به انتخاب عالی برای برنامه نویسان تبدیل می کند. هنگامی که یاد گرفتید، به شما کمک می کند تا نرم افزارهای front-end و همچنین back-end عالی را با استفاده از چارچوب های مختلف مبتنی بر جاوا اسکریپت مانند jQuery، Node.JS و غیره توسعه دهید.

در این دوره ما 10 پروژه را با جاوا اسکریپت ایجاد می کنیم که شما واقعاً به عنوان یک توسعه دهنده وب باید بدانید.

بنابراین شما به کد منبع هر پروژه نیز دسترسی دارید، با گذراندن این دوره نه تنها در جاوا اسکریپت استاد خواهید شد، بلکه در CSS و HTML نیز تسلط خواهید یافت، زیرا ما نیز به سختی با CSS کار می کنیم.

پروژه

که می خواهیم در این دوره ایجاد کنیم:

  • پروژه مسابقه سریع

  • پروژه فلپر رنگ

  • پروژه ضد

  • بررسی پروژه

  • پروژه نوار ناوبری

  • پروژه نوار کناری

  • پروژه سوال

  • پروژه مودال

  • پروژه منو

  • پروژه ویدیویی

برخی از چیزهایی که در این پروژه ها خواهید آموخت:

  • کار با Local Storage

  • روش‌های آرایه مرتبه بالا - برای هر کدام، نقشه، فیلتر، کاهش، مرتب‌سازی

  • setTimout، setInterval

  • توابع پیکان

  • تولید پویا HTML در جاوا اسکریپت

  • ویژگی های جاوا اسکریپت ES6 مانند توابع پیکان، const، let و literal string

  • نحوه استفاده از انیمیشن flexBox و واحدهای Rem در css

  • تکنیک خوب برنامه نویسی

  • فکر هوشمندی در مورد نوشتن کد

  • و بیشتر!


    پس دیگر دریغ نکنید،

هم اکنون به ما بپیوندید تا امروز با JS تجربیات جدیدی با 10 پروژه در 10 روز ایجاد کنید!


این دوره برای چه کسانی است:

  • هر کسی که می خواهد پروژه های سرگرم کننده و آسان تا متوسط ​​بسازد


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

ترویج Promotion

  • ترویج Promotion

  • یادآوری سریع برای کد منبع Quick reminder for source code

مسابقه چالش Challenge Quiz

  • مسابقه چالش Challenge quiz

  • ایجاد سوال قسمت اول Generat question first part

  • ایجاد سوالات بخش دوم Generating questions part two

  • چالش مسابقه نهایی Final quiz challenge

  • سوال درست و غلط Correct and false question

  • سوال و امتیاز را به روز کنید Update question and score

  • محل ذخیره سازی Localstorage

  • پنج بالاترین Five highest

  • نمره نهایی Final score

  • نتیجه conclusion

باله رنگی Color flipper

  • معرفی فلیپر رنگی Color flipper introduction

  • ایجاد بنر Create banner

  • یک ظاهر طراحی شده اصلی Styling main

  • رنگ ساده Simple color

  • رنگ هگز Hex color

پیشخوان Counter

  • فهرست برای شمارنده Index for counter

  • سبک برای پیشخوان Style for counter

  • جاوا اسکریپت برای شمارنده Javascript for counter

مرور Review

  • ایجاد بررسی Create review

  • CSS برای بررسی CSS for review

  • Js قسمت اول Js part one

  • Js قسمت دوم Js part two

  • Js قسمت سوم Js part three

نوار ناوبری Navbar

  • نوار ناوبری ایجاد کنید Create navbar

  • CSS برای نوار ناوبری قسمت اول CSS for navbar part one

  • CSS برای نوار ناوبر قسمت دوم CSS for navbar part two

  • CSS برای نوار ناوبری قسمت سوم CSS for navbar part three

  • جاوا اسکریپت برای Navbar Javascript for Navbar

  • رفع مشکل CSS Fix CSS problem

نوار کناری Sidebar

  • نوار کناری ایجاد کنید Create sidebar

  • CSS برای نوار کناری قسمت اول CSS for sidebar part one

  • CSS برای نوار کناری قسمت دوم CSS for sidebar part two

  • جاوا اسکریپت برای نوار کناری Javascript for sidebar

سوالات Questions

  • سوالات ایجاد کنید Create questions

  • CSS برای سوال قسمت اول CSS for question part one

  • CSS برای سوال قسمت دوم CSS for question part two

  • Js برای سوال Js for question

مدال Modal

  • مودال ایجاد کنید Create modal

  • CSS برای بخش اول CSS for modal part one

  • CSS برای بخش دوم CSS for modal part two

  • Js برای معین Js for modal

منو Menu

  • ایجاد منو Create menu

  • CSS برای منو CSS for menu

  • Js قسمت اول Js part one

  • Js قسمت دوم Js part two

  • Js قسمت سوم Js part three

ویدیو Video

  • ویدیو ایجاد کنید create video

  • CSS برای ویدیو CSS for video

  • جاوا اسکریپت برای ویدیو JavaScript for video

  • لودر Loader

نمایش نظرات

آموزش Html، CSS، JS را به روش سخت بیاموزید: با پروژه ها
جزییات دوره
9 hours
52
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
6,750
4.3 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Easy Learning Academy Easy Learning Academy

خانواده ای از یادگیری

Neamatullah Ekhteyari Neamatullah Ekhteyari

مدرس آنلاین - مهندس نرم افزار - تستر نفوذ