ساخت وب سایت های عالی و برنامه های موبایل بوسیله HTML5

اگر می خواهید چیزهای خنک را بسازید و به دنبال یک تجربه کارگاه فشرده هستید تا به شما کمک کنید تا مسیر خود را برای تبدیل شدن به یک طراح وب، توسعه دهنده وب یا مهندس کامل پشته شروع کنید، این دوره برای شما مناسب است. این دوره شما را به یک پایه جامد در HTML5، CSS3 و جاوا اسکریپت معرفی می کند قبل از اینکه سریع مهارت های خود را برای کار با فن آوری های فعلی که در بازار امروز استفاده می شود، کار کند. در بیش از 25 پروژه، یاد بگیرید چگونه وب سایت های خود و برنامه های تلفن همراه خود را در هنگام کار با GPS، تشخیص صدا، دوربین، دوربین، Offline، VR Metaverse و 360 تجربه، و بسیاری از ویژگی های بیشتر.
در این دوره، شما خواهد شد: < BR /> - یادگیری اصول اولیه HTML5، CSS، و جاوا اسکریپت apis
Code و انتشار برنامه های خود را با پایگاه داده های مبتنی بر ابر و ذخیره سازی رایگان
-Maximize سخت افزار گوشی خود را، از جمله GPS، تشخیص صدا، و دوربین برای برنامه های شما - برنامه های پیشرفته خود را با یک آیکون نصب شده و دسترسی سریع به صورت آفلاین
PWAs خود را در فروشگاه Google Play برای آندروید و AppStore برای iPhone و iPad، ایجاد برنامه های دسکتاپ
استفاده از شبکه های اجتماعی و به اشتراک گذاری سایت ها برای تعبیه و به اشتراک گذاری محتوای ویروسی
وب سایت ها، برنامه ها و تجربیات VR در هنگام کدگذاری پروژه های خود
- کار خود را با فیس بوک، توییتر، نمایش مشخصات عمومی، WhatsApp، Snapchat، YouTube، و Google Maps
یک دوره منحصر به فرد HTML5 با استفاده از تنها برش Edge Mobile-First Tech Niques
چالش با یادگیری HTML5 امروز این است که اکثر دوره ها فقط به تئوری تمرکز می کنند و هر برچسب را بدون دیدن تصویر بزرگ پوشش می دهند. با این حال، در دوره من، شما HTML، CSS و جاوا اسکریپت را در بیش از 25 پروژه دنیای واقعی که می توانید با نیازهای خود انطباق داشته باشید، ایجاد کنید، ترکیب های بی نهایت برای ایده ها، مشتریان یا شرکت خود را ایجاد کنید. علاوه بر این، شما به بیش از 50 تمرین با فایل های کاری، تصاویر و کد آماده برای استفاده و انتشار با محتوای یا خدمات خود دسترسی خواهید داشت. در یک معامله ویژه فقط برای دانش آموزان در این دوره، من همچنین یک سرویس رایگان ارائه می دهم که در آن شما قادر خواهید بود کد HTML5 خود را در تلفن همراه خود تست کنید بدون تنظیم هر سرور یا پیکربندی خاص. شما فقط چند دقیقه می توانید یک برنامه تلفن همراه را بر روی گوشی خود نصب کنید!

عنوان اصلی : HTML5 Mastery—Build Superior Websites & Mobile Apps NEW 2022

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

01 خوش آمدید!:
001 مقدمه
002 اختیاری: محیط کدنویسی خود را تنظیم کنید
003 اختیاری: ساختار این دوره چگونه است
004 اختیاری: با HTML5 چه کاری می توانید انجام دهید؟
پروژه 005: اولین پروژه HTML5 شما
006 را روی تلفن همراه خود در چند ثانیه تست کنید
007 یک تجربه VR با HTML5 ایجاد کنید
008 اولین برنامه موبایل خود را تمام کنید
02 با HTML شروع کنید:
001 مقدمه
002 کد HTML با نحو معتبر
003 کد خود را اعتبارسنجی کنید
پروژه 004: یک مقاله خبری ایجاد کنید
005 رندر متن با عناصر بلوک
006 معانی کلمات و عبارات را مشخص کنید
007 داده های خود را با فهرست ها مرتبط کنید
008 عناصر گروه در کانتینرها
تمرین 009: محتوای معنایی HTML5 ایجاد کنید
010 اختیاری: مرور تمرین
011 خلاصه
03 افزودن تصاویر، ویدیوها و محتوای غنی:
001 مقدمه
پروژه 002: یک آلبوم برای رویداد اجتماعی خود ایجاد کنید
003 تصاویر خود را برای وب آماده کنید
004 رندر عکس ها و تصاویر
005 یک پخش کننده صوتی ایجاد کنید
006 یک پخش کننده ویدیو ایجاد کنید
007 یک پخش کننده ویدیو را سفارشی کنید
008 رندر جداول داده
009 خلاصه
سبک و طراحی 04 با CSS:
001 مقدمه
پروژه 002: اولین وبلاگ خود را ایجاد کنید
003 سبک های پایه را اعمال کنید
004 برچسب های HTML را با انتخابگرها هدف قرار دهید
005 حاشیه ها و مرزها را اضافه کنید
006 سبک متن و رنگ
007 چیدمان تصاویر و جداول
لیست های طرح بندی 008 با Flexbox
009 افزودن تصاویر پس‌زمینه
010 خلاصه
05 پیوندها، اقدامات و محتوای خارجی را اضافه کنید:
001 مقدمه
پروژه 002: یک وب سایت شرکت ایجاد کنید
003 پیوندها توضیح داده شده است
004 URL توضیح داده شده است
005 گزینه های پیوند پیشرفته
006 ویدیوها و محتوا را جاسازی کنید
پروژه 007: صفحه اصلی فعالیت شخصی خود را ایجاد کنید
008 برنامه های بومی را در دستگاه های تلفن همراه باز کنید: نقشه ها و پیمایش
009 پیام‌رسانی، تماس تلفنی و برنامه‌های اجتماعی را باز کنید
010 خلاصه
06 کار خود را منتشر کنید:
001 مقدمه
002 یک ارائه دهنده و یک URL عمومی انتخاب کنید
003 بازدیدهای خود را با Analytics دنبال کنید
004 به صورت رایگان در Firebase منتشر کنید
005 روی سرور FTP منتشر کنید
006 کدهای QR و نشانگرهای وب فیزیکی را توزیع کنید
007 خلاصه
07 افزودن تعامل با شبکه های اجتماعی:
001 مقدمه
پروژه 002: راهنمای شهر بسازید
003 محتوای خود را قابل اشتراک گذاری کنید
004 ادغام با فیس بوک
005 با توییتر ادغام شود
006 با WhatsApp و سایر شبکه های اجتماعی کار کنید
007 خلاصه
08 Optimize for Mobile Devices:
001 مقدمه
پروژه 002: یک برنامه منوی رستوران ایجاد کنید
003 کد بهینه سازی های پایه موبایل
004 Optimize برای iPhone و iPad
005 Optimize for Android
006 هدرهای چسبنده را اضافه کنید
007 با نمایشگرهای با وضوح بالا کار کنید
008 خلاصه
09 ایجاد فرم های تعاملی:
001 مقدمه
پروژه 002: یک سایت تجارت الکترونیک ایجاد کنید
003 طرح اولیه فرم را طراحی کنید
004 اعتبارسنجی و سبک‌ها را اضافه کنید
005 از انواع ورودی پیشرفته استفاده کنید
006 افزودن منوهای کشویی
007 فرم را ارسال کنید
008 خلاصه
10 افزودن تعامل با جاوا اسکریپت:
001 مقدمه
پروژه 002: یک سبد خرید ایجاد کنید
003 HTML خود را با جاوا اسکریپت برنامه ریزی کنید
004 رویدادها را با شنوندگان مدیریت کنید
005 عناصر و سبک ها را دستکاری کنید
007 خلاصه
11 محتوای خود را متحرک کنید:
001 مقدمه
پروژه 002: بنرهای تبلیغاتی خود را طراحی کنید
003 با قابلیت مشاهده کار کنید
004 انتقال های اساسی ایجاد کنید
005 تبدیل‌های دو بعدی را اضافه کنید
006 انیمیشن های Keyframe ایجاد کنید
007 خلاصه
12 از موقعیت جغرافیایی و نقشه ها استفاده کنید:
001 مقدمه
پروژه 002: مکان یاب کسب و کار Yelp مانند خود را ایجاد کنید
003 موقعیت جغرافیایی توضیح داده شده است
004 مکان کاربر را به دست آورید
005 نمایش نقشه با نشانگر
006 محاسبه فاصله ها
007 خلاصه
13 از طراحی وب سایت واکنش گرا استفاده کنید:
001 مقدمه
پروژه 002: پورتفولیوی شخصی خود را ایجاد کنید
003 وب تطبیقی ​​در مقابل وب پاسخگو
004 از عبارت Basic Media Queries استفاده کنید
005 درخواست های رسانه ای را برای دستگاه های تلفن همراه اعمال کنید
06 تصاویر واکنشگرا اضافه کنید
007 خلاصه
14 از حسگرهای موبایل، لمس و صدا استفاده کنید:
001 مقدمه
پروژه 002: یک قطب نمای دیجیتال ایجاد کنید
پروژه 003: با برنامه Gravity Level بازی کنید
پروژه 004: یک برنامه آشپزی ایجاد کنید
005 سطح باتری را بخوانید
006 با لمس کار کنید
007 لرزش تلفن
008 با کاربر صحبت کنید
009 خلاصه
15 از دوربین استفاده کنید:
001 مقدمه
پروژه 002: یک خواننده کد QR ایجاد کنید
003 عکس و ویدیو بگیرید
004 ویدیو را از دوربین پخش کنید
005 خلاصه
16 ایجاد واقعیت مجازی و 360 تجربه:
001 مقدمه
هدست و مرورگرهای VR 002
پروژه 003: یک نمایشگر 360 ایجاد کنید
004 عکس 360 و ویدیو 360 بگیرید
005 Embed 360 Content در HTML5
پروژه 006: یک آلبوم عکس VR ایجاد کنید
007 مقدمه ای بر WebVR
008 با استفاده از A-frame یک دنیای VR ایجاد کنید
009 خلاصه
17 ذخیره داده به صورت محلی:
001 مقدمه
002 PROJECT: یک فرم ذخیره خودکار ایجاد کنید
003 داده ها را ذخیره و بازیابی کنید
004 Persist Data با LocalStorage
005 ذخیره خودکار فرم
پروژه 006: یک خزانه داده مخفی ایجاد کنید
007 از پایگاه داده با IndexedDB و Dexie استفاده کنید
008 خواندن داده ها از فروشگاه داده
009 به روز رسانی و حذف داده ها
010 خلاصه
18 ذخیره داده از راه دور:
001 مقدمه
پروژه 002: برنامه اینستاگرام خود را بسازید
003 Google Firebase را راه اندازی کنید
004 کاربران خود را احراز هویت کنید
005 داده ها را در ابر ذخیره کنید
006 اشیاء را در ابر ذخیره کنید
007 بازیابی داده ها
008 خلاصه
19 مصرف داده از خدمات:
001 مقدمه
پروژه 002: برنامه هواشناسی خود را ایجاد کنید
003 AJAX توضیح داده شده است
004 داده ها را از یک سرویس راه دور واکشی کنید
005 داده ها را با JSON تجزیه کنید
006 خلاصه
20 ایجاد برنامه های وب پیشرفته:
001 مقدمه
002 برنامه های وب پیشرو توضیح داده شد
003 نمونه های PWA در عمل
پروژه 004: یک برنامه پوکمون گو بسازید
005 متا تگ های iOS برنامه وب را ایجاد کنید
006 مانیفست برنامه وب را ایجاد کنید
007 PWA خود را با Lighthouse اعتبار سنجی کنید
008 خلاصه
21 سرویس دادن به کاربران در حالت آفلاین:
001 مقدمه
پروژه 002: یک تجربه آفلاین SketchGo ایجاد کنید
003 وضعیت آفلاین و شبکه را شناسایی کنید
004 کارگران خدماتی توضیح دادند
005 دارایی ها را برای پشتیبانی آفلاین آماده کنید
006 خلاصه
22 نتیجه گیری:
001 بعدی چیست؟