آموزش 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
آموزش Nodejs، Express، Typescript، MongoDb و موارد دیگر: مسیر واقعی
Nodejs, Express, Typescript, MongoDb & more: The real path
Master Node.js و Express.js با Typescript، Nestjs، Graphql (با apollo/express)، ساخت پروژه های بزرگ و موارد دیگر
آموزش توسعه وب مدرن Vue JS 3 با روتر Vuex و Vue
Vue JS 3 Modern Web Development with Vuex & Vue Router
توسعه وب Vue3 را به سرعت از ابتدا بیاموزید. تمرین ها و چالش ها برای یادگیری سریع گنجانده شده است.
آموزش ASP.NET CORE WEB API | راهنمای کامل
ASP.NET CORE WEB API | The Complete Guide
آموزش ساخت برنامه های کاربردی وب سریع و ایمن با NET Core Web API - بالاترین امتیاز دوره با بیش از 25000 دانش آموز!
آموزش PyScript Fundamentals 101- Python را در HTML مرورگر خود اجرا کنید
PyScript Fundamentals 101- Run Python in your Browser's HTML
اکنون قطعات کد پایتون خود را مستقیماً در HTML بنویسید - توسعه وب را به یک سطح کاملاً جدید ببرید!
Easy Learning Academy
خانواده ای از یادگیری
Neamatullah Ekhteyari
مدرس آنلاین - مهندس نرم افزار - تستر نفوذ
Udemy (یودمی)
یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.