آموزش یک ماشین حساب دست ساز با HTML، CSS و جاوا اسکریپت ایجاد کنید
Create a hand made calculator with HTML, CSS and JavaScript
در این دوره شما یک ماشین حساب ایجاد می کنید که می توانید از آن در یک صفحه وب استفاده کنید. به نظر می رسد و مانند یک ماشین حساب مناسب عمل می کند.
ما از HTML، CSS و جاوا اسکریپت اولیه استفاده خواهیم کرد — اما نگران نباشید، این یک دوره آموزشی دوستانه برای مبتدیان است! اگر قبلاً با آن فناوری‌ها آشنایی ندارید، شما را از طریق HTML، CSS و جاوا اسکریپت راهنمایی می‌کنم (در این دوره واقعاً آسان هستند!)
در زیر نتیجه نهایی به نظر می رسد. می‌توانید روی هر یک از دکمه‌ها کلیک کنید، و آن‌ها وارد می‌شوند و اعداد بالا را تغییر می‌دهند. و ما با منطق ریاضی عجیبی مانند تقسیم بر صفر سر و کار خواهیم داشت.
شما حتی می توانید از این در طراحی وب و نمونه کار توسعه وب خود استفاده کنید!
بیایید فوراً شروع کنیم!
شما یک ماشین حساب کاملا کاربردی ایجاد خواهید کرد که می تواند در یک وب سایت استفاده شود. ما از هیچ HTML، CSS یا جاوا اسکریپت از قبل موجود استفاده نخواهیم کرد — در عوض همه را با دست می نویسیم (این تمرین خوبی است و کار چندانی ندارد).
در زیر نمونه ای از ماشین حساب در حال کار آمده است!
نتیجه نهایی پروژه:
درس ها Lessons
-
حرکات دکمه Button Movements
-
ماشین حساب تمام شده The Finished Calculator
-
معرفی دوره Course Introduction
-
امضای شما Your Signature
-
سبک دادن به صفحه Styling The Page
-
اقدامات دکمه Button Actions
-
یک ظاهر طراحی شده دکمه ها Styling The Buttons
-
خلاصه Summary
-
پاکسازی کد Code Cleanup
-
از بین بردن HTML Stubbing Out The HTML
-
ماشین حساب عملیاتی Operational Calculator
-
راه اندازی پروژه Setting Up The Project
-
فونت سفارشی Custom Font
https://donyad.com/d/51c5
Kalob Taulien
معلم توسعه وب
سلام به همه! من Kalob Taulien هستم.
در اینجا نسخه TL;DR (کوتاه) درباره من است:
- من از سال 1999 کدنویسی می کنم و از سال 2013 به مردم یاد می دهم که چگونه کدنویسی کنند
- من بیش از 350000 دانشجوی توسعه وب در سراسر جهان دارم
- من در تیم توسعه هسته Wagtail CMS هستم (Wagtail شماره 1 محبوب ترین سیستم ساخت وب سایت پایتون است)
- من تمام تلاشم را می کنم که به هر سوالی که دانش آموزانم دارند پاسخ دهم
- من عاشق تدریس هستم - این قطعاً یکی از استعدادهای طبیعی من است
- همچنین من عاشق بز هستم! (اگر ملاقات حضوری داشته باشیم شروع کننده گفتگو با من عالی است)
در زیر می‌توانید تمام دوره‌های Skillshare من را پیدا کنید. دسته بندی ها از ساده ترین به سخت ترین، به جز موارد متفرقه، قرار می گیرند. دوره های کدنویسی در پایان.
اگر در زمینه کدنویسی کاملاً تازه کار هستید، با BEGINNERS WEB DEV شروع کنید. و سپس به سراغ HTML بروید.
اگر یک توسعه دهنده وب با تجربه هستید، می توانید از هر یک از بخش های زیر رد شوید.
اگر می‌خواهید یاد بگیرید که چگونه وب‌سایت‌ها را واقعاً زیبا جلوه دهید و خوب عمل کنید، می‌خواهید به HTML، CSS و جاوا اسکریپت نگاه کنید.
اگر می‌خواهید وب‌سایت‌هایی ایجاد کنید که کاربران بتوانند در آن وارد شوند، حساب کاربری داشته باشند و اطلاعات را ذخیره کنند، می‌خواهید به PHP، Python، Django یا Wagtail نگاه کنید.
آخرین اما نه کم اهمیت، همه باید Git و نحوه استفاده از GitHub را بدانند. این کاملاً حیاتی است که 100٪ همه توسعه دهندگان Git و GitHub را درک کنند. این زبان مخفی است که هر کارفرما به دنبال آن است. من نیز یک بخش کامل در مورد آن دارم.
فراموش نکنید که من را در Skillshare برای دوره های هفتگی جدید دنبال کنید!
کد نویسی مبارک!
نمایش نظرات