مقدمه ای بر برنامه های وب پیشرفته
در این دوره شما شروع به کار بر روی اولین برنامه وب پیشرو خود خواهید کرد - یک برنامه وب که می تواند از بسیاری از ویژگی هایی که برنامه های بومی از آن لذت می بردند استفاده کند. همچنین در ایجاد یک برنامه وب که به صورت آفلاین با استفاده از Service Workers کار می کند، تجربه بیشتری خواهید داشت. در نهایت، با فایل Web App Manifest، برنامه خود را در صفحه اصلی کاربر قابل نصب خواهید بود.
این یک دوره رایگان است که از طریق Udacity ارائه می شود
دوره بگیریددسترسی به وب
در این دوره شما تجربه عملی در دسترسی به برنامه های کاربردی وب را خواهید داشت. متوجه خواهید شد که چه زمانی و چرا کاربران به دسترسی نیاز دارند. سپس به "چگونه" می پردازید: ایجاد یک صفحه به درستی با صفحه خوان ها، و مدیریت فوکوس ورودی (مثلاً برجسته ای که هنگام برگه کردن یک فرم مشاهده می کنید.) متوجه خواهید شد که "معناشناسی" و "نشانه گذاری معنایی" چیست. به معنای صفحات وب است و نشانه گذاری ARIA را برای فعال کردن پیمایش رابط با طیف وسیعی از دستگاه های کمکی اضافه کنید. در نهایت، تکنیک‌های استایل‌سازی را خواهید آموخت که به کاربران با دید جزئی کمک می‌کند تا به راحتی و با اطمینان در صفحات شما پیمایش کنند.
این یک دوره رایگان است که از طریق Udacity ارائه می شود
دوره بگیریدبهینه سازی های رندر مرورگر
عملکرد برای کاربران مهم است. توسعه دهندگان وب باید برنامه هایی بسازند که به سرعت واکنش نشان دهند و به آرامی رندر شوند. پل لوئیس، استاد عملکرد گوگل، اینجاست تا به شما کمک کند تا jank را از بین ببرید و برنامه های وب ایجاد کنید که عملکرد 60 فریم در ثانیه را حفظ کنند. شما این دوره را با ابزارهایی که برای نمایه کردن اپلیکیشن ها و شناسایی دلایل jank نیاز دارید ترک خواهید کرد. شما خط لوله رندر مرورگر را کاوش خواهید کرد و الگوهایی را کشف خواهید کرد که ساخت برنامه های کاربردی را آسان می کند.
این یک دوره رایگان است که از طریق Udacity ارائه می شود
دوره بگیریدطراحی وب سایت ریسپانسیو
در این دوره شما اصول طراحی وب ریسپانسیو را با Pete LePage گوگل خواهید آموخت! شما صفحه وب پاسخگوی خود را ایجاد خواهید کرد که در هر دستگاهی - تلفن، تبلت، دسکتاپ یا هر چیز دیگری به خوبی کار می کند.
شما با بررسی اینکه چه چیزی یک سایت را ریسپانسیو می‌کند و چگونه برخی از الگوهای طراحی واکنش‌گرای رایج در دستگاه‌های مختلف کار می‌کنند، شروع می‌کنید. از آنجا، یاد خواهید گرفت که چگونه با استفاده از تگ viewport و پرس و جوهای رسانه CSS، طرح‌بندی پاسخگوی خود را ایجاد کنید. همانطور که ادامه می دهید، نقاط شکست اصلی و جزئی را آزمایش می کنید و متن را برای خواندن بهینه می کنید.
این یک دوره رایگان است که از طریق Udacity ارائه می شود
دوره بگیریدمسیر رندر بحرانی
شما یاد خواهید گرفت که چگونه هر وب سایتی را برای سرعت بهینه سازی کنید، با غواصی در جزئیات نحوه نمایش صفحات توسط مرورگرهای موبایل و دسکتاپ.
شما در مورد مسیر رندر بحرانی یا مجموعه مراحلی که مرورگرها برای تبدیل HTML، CSS و جاوا اسکریپت به وب سایت های زنده و زنده باید طی کنند، یاد خواهید گرفت. از آنجا، شما شروع به کاوش و آزمایش ابزارهایی برای اندازه گیری عملکرد و استراتژی های ساده خواهید کرد تا اولین پیکسل ها را در اسرع وقت به صفحه نمایش تحویل دهید. یاد خواهید گرفت که چگونه به توصیه‌های PageSpeed Insights و نمای جدول زمانی ابزارهای توسعه‌دهنده Google Chrome برای یافتن داده‌هایی که برای دستیابی به افزایش عملکرد فوری نیاز دارید، بپردازید!
این یک دوره رایگان است که از طریق Udacity ارائه می شود
دوره بگیریدتصاویر واکنش گرا
آیا می دانستید که تصاویر به طور متوسط بیش از 60 درصد بایت های مورد نیاز برای بارگذاری یک صفحه وب را تشکیل می دهند؟
در این دوره شما یاد می گیرید که چگونه با تصاویر در وب مدرن کار کنید، به طوری که تصاویر شما عالی به نظر می رسند و به سرعت در هر دستگاهی بارگذاری می شوند.
در طول مسیر، طیف وسیعی از مهارت‌ها و تکنیک‌ها را برای ادغام هموار تصاویر واکنش‌گرا در گردش کار توسعه خود انتخاب خواهید کرد. در پایان دوره، شما با تصاویری توسعه می‌دهید که با اندازه‌های ویوپورت و سناریوهای استفاده متفاوت سازگار هستند و پاسخ می‌دهند.
این یک دوره رایگان است که از طریق Udacity ارائه می شود
دوره بگیریدبرنامه های وب آفلاین
این دوره کاملاً بر روی تجربه کاربر متمرکز است و به دنبال این است که به توسعه دهندگان نشان دهد که چگونه فکر کردن به صورت آفلاین بهترین راه برای اطمینان از اینکه برنامه ها در همه حالات بهترین عملکرد را دارند، نه فقط در سناریوهای ایده آل، است. شما یاد خواهید گرفت که تفاوت‌های بین اتصال خوب، ضعیف، متناوب و از دست رفته را برای کاربران خود تشخیص دهید و چگونه برنامه‌هایی بسازید که به راحتی در این شرایط حرکت کنند.
با استفاده از مهارت‌هایی که در این دوره کسب می‌کنید، با ساختن برنامه‌ای که هم به‌صورت آنلاین و هم آفلاین کار می‌کند و در صورت امکان، داده‌های جدید را بارگیری می‌کند، نتیجه‌گیری خواهید کرد. برنامه های وب شما مانند برنامه های بومی با شبکه تعامل خواهند داشت. این امر حتی در سناریوهای اتصال چالش برانگیز سنتی مانند گیر افتادن در یک تونل قطار، نیاز به تکیه بر وای فای کنفرانس بیش از حد شلوغ، یا سفر در یک "منطقه مرده" سلولی، منجر به تجربه بهتر کاربر خواهد شد.
این یک دوره رایگان است که از طریق Udacity ارائه می شود
دوره بگیریدابزار و اتوماسیون وب
در این دوره آموزشی، یاد می گیرید که چگونه توسعه خود را راه اندازی کنید، در طول کار روزانه و تکرار، بهره وری فوق العاده داشته باشید، خود و سایت خود را از بلایا جلوگیری کنید و با بهینه سازی و اتوماسیون خودکار در زمان و تلاش زیادی صرفه جویی کنید. در نهایت، یاد خواهید گرفت که چگونه همه این کارها را انجام دهید، در حالی که مطمئن باشید کد شما بر روی دستگاه‌های زیادی در دنیای واقعی اجرا می‌شود.
این یک دوره رایگان است که از طریق Udacity ارائه می شود
دوره بگیریدساخت فرم های وب با تبدیل بالا
هر تجربه معناداری در وب یک شکل دارد. برنامه‌نویسان وب چه فرمی از جعبه‌های متن، جابجایی‌ها، دکمه‌ها، چک باکس‌ها یا ویجت‌های قابل لمس باشد، برنامه‌نویسان وب باید در مورد فرم‌ها هدفمند باشند تا کاربران را خوشحال کنند و تبدیل‌ها را افزایش دهند.
در این دوره، بهترین روش ها برای فرم های مدرن را یاد خواهید گرفت. مهارت‌های خود را در طول مسیر با چند پروژه خودگردان، از جمله تسویه حساب تجارت الکترونیک و برنامه برنامه‌ریز رویداد، تمرین خواهید کرد!
به‌عنوان یک پیشنهاد ویژه، مجموعه‌ای از مصاحبه‌ها با لوک وروبلسکی، مدیر محصول Google و نویسنده طراحی فرم وب، را نیز تماشا می‌کنید تا نظر او را در مورد تعاملات با وب مدرن دریافت کنید.
این یک دوره رایگان است که از طریق Udacity ارائه می شود
دوره بگیرید