آموزش HTML، CSS، JavaScript/jQuery و API را بیاموزید: یک سایت آب و هوا بسازید!
Learn HTML, CSS, JavaScript/jQuery, and APIs: Build a Weather Site!
این کلاس نحوه ساخت یک سایت با اطلاعات آب و هوا را با استفاده از HTML، CSS و جاوا اسکریپت با استفاده از فراخوانی API را پوشش می دهد. API ها راه های عالی برای به دست آوردن عملکرد بیشتر با یک وب سایت هستند و استفاده از آنها سرگرم کننده است! علاوه بر این، توانایی استفاده از API یک مهارت مهم برای یک توسعه دهنده وب است. نیازی به دانش قبلی توسعه وب نیست.
یاد خواهید گرفت:
- مبانی HTML
- مبانی CSS
- مبانی جاوا اسکریپت (با jQuery و ES6)
- تماس های API
پروژه کلاس ایجاد یک سایت آب و هوا با استفاده از Open Weather API است.
هیچ تجربه قبلی در ساخت وب لازم نیست.
پروژه کلاس ایجاد یک سایت آب و هوا شبیه به آنچه در کلاس نشان داده شده است. می توانید داده های آب و هوا را اضافه کنید، شهر را تغییر دهید، یا نحوه نمایش داده ها را تغییر دهید.
برخی از وب سایت های مفید:
دانلود کد ویژوال استودیو: https://code.visualstudio.com/download
(دستورالعمل‌هایی در مورد نحوه تغییر رنگ پس‌زمینه در کد ویژوال استودیو: https://code.visualstudio.com/docs/getstarted/themes)
گوگل فونت: fonts.google.com
فرمان‌های CSS: https://www.w3schools.com/css
تعریف پیکسل: https://www.techopedia.com/definition/24012/pixel
رنگ‌های CSS: https://www.w3schools.com/cssref/css_colors.asp
Open Weather API: https://openweathermap.org/api
باز کردن کلید API Weather: home.openweathermap.org/api_keys
اشیاء جاوا اسکریپت: https://www.w3schools.com/jS/js_objects.asp
آرایه‌های جاوا اسکریپت: https://www.w3schools.com/js/js_arrays.asp
کدهای HTML: https://www.alt-codes.net/degree_sign_alt_code.php
دایرکتوری APIها: https://www.programmableweb.com/apis/directory
درس ها Lessons
-
ویرایشگر کد Code Editor
-
یک ظاهر طراحی CSS CSS Styling
-
اضافه کردن تصاویر Add Images
-
قرار دادن داده ها در صفحه وب Place Data on Web Page
-
پاکسازی کد Code Cleanup
-
تنظیم فایل File Setup
-
صفحه اصلی HTML Basic HTML Page
-
نتیجه Conclusion
-
بازیابی داده ها Retrieve Data
-
تنظیم تماس API Set Up API Call
-
مقدمه Introduction
https://donyad.com/d/b8dc
Joan Marie Verba
توسعه دهنده وب، نویسنده
سلام، من جوآن هستم. من معتقدم که هدف توسعه وب ایجاد برنامه‌ها/صفحات وب است که اطلاعاتی را که کاربران می‌خواهند به سبکی که ترجیح می‌دهند ارائه کنند. به نظر من این هم چالش برانگیز و هم هیجان انگیز است و یکی از دلایلی است که کدنویسی را بسیار سرگرم کننده می دانم. می توانید برخی از پروژه های من را در http://joanmarieverba.name
نمایش نظرات