آموزش Html، CSS، JS را به روش سخت بیاموزید: با پروژه ها
Learn Html, CSS, JS the hard way: with projects
به 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
https://donyad.com/d/0bcad1
Easy Learning Academy
خانواده ای از یادگیری
Neamatullah Ekhteyari
مدرس آنلاین - مهندس نرم افزار - تستر نفوذ
نمایش نظرات