دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.

آموزش طراحی و کدنویسی وب مدرن بوسیله PWA, Angular

دانلود Udemy Modern Web Design & Development: Creating a PWA in Angular

10,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ویدئو معرفی این محصول

با مشاهده این دوره آموزشی طراحی وب مدرن را بوسیله PWA و همچنین آنگورلار و . . . یاد گرفته و در پروژه های واقعی تجربه و تمرین خواهید کرد. 

عنوان اصلی : Modern Web Design & Development: Creating a PWA in Angular

این مجموعه آموزش ویدیویی محصول موسسه آموزشی Udemy است که بر روی 1 حلقه دیسک به همراه اسلایدهای مدرس ارائه شده و به مدت زمان 4 ساعت و 43 دقیقه در اختیار علاقه مندان قرار می گیرد.

در ادامه با برخی از سرفصل های درسی این مجموعه آموزش آشنا می شویم :


مقدمه:
معرفی
به دوره خوش آمدید!




پس زمینه Codepen & Video
پس زمینه ویدئو CODEPEN
1 سوال




نصب و راه اندازی اصلی
Angular & Firebase Setup
pwa / طراحی / برنامه ریزی:
برنامه وب پیشرفته چیست؟
اصول طراحی
برنامه ریزی نمونه کارها
ایجاد بخش های نمونه کارها
بخش 4 کد

صفحه اصلی بخش:
صفحه اصلی بخش صفحه اصلی
پس زمینه ویدئو
فونت های سفارشی گوگل
وارد کردن فونت آیکون های بسیار معروف
بخش 5 کد
ناوبری دسکتاپ:
مرور ناوبری دسکتاپ
ناوبری ساختمان و یک ظاهر طراحی شده
قابلیت ناوبری
بخش 6 کد

درباره بخش:
درباره بخش کلی
درباره طرح بندی HTML
درباره طرح CSS
بخش 7 کد




پروژه بخش پروژه
Photopea Mockup
پروژه طرح بندی HTML
طرح پروژه CSS
بخش 8 کد
بخش تماس:
بررسی بخش تماس
پس زمینه ویدئو / تصویر
کارت کسب و کار کسب و کار
بخش 9 کد
بخش پاورقی:
Footer Layout HTML و CSS
بخش 10 کد




کد کامپوننت رزومه
ادغام مولکول زاویه ای
بخش 11 کد
طراحی پاسخگو:
Overview Design Responsive
بخش 12 (a) کد
گوشی هوشمند بزرگ (عمودی)
MUNIFYING MENU دسکتاپ
بخش 12 (B) کد
نمایش یکپارچه منو همبرگر
عملکرد منو همبرگر
گوشی هوشمند بزرگ (افقی)
نتیجه گیری طراحی پاسخگو
بخش 12 (پرس و جو رسانه های خالی) کد
بخش 12 (پرسش های رسانه نهایی) کد
بهینه سازی و میزبانی:
بهینه سازی و میزبانی وب
ساخت آیکون / favicon
حسابرسی Lighthouse و متا تگ
ساختمان - بهینه سازی - میزبانی
PWA در گوشی های هوشمند
کد پروژه نهایی
پروژه نمونه کارها
1 سوال
نتیجه گیری:
نتیجه گیری و متشکرم


Introduction :
Introduction
Welcome to the Course!

Codepen Introduction :
Codepen & Video Background
Codepen Video Background
1 question

Setting up Environment :
Installations & Main Setup
Angular & Firebase Setup

PWA / Design / Planning :
What is a Progressive Web App?
Design Principles
Portfolio Planning
Creating Portfolio Sections
Section 4 Code

Home Section :
Home Section Overview
Video Background
Custom Google Fonts
Importing Font Awesome Icons
Section 5 Code

Desktop Navigation :
Desktop Navigation Overview
Building & Styling Navigation
Navigation Functionality
Section 6 Code

About Section :
About Section Overview
About Layout HTML
About Layout CSS
Section 7 Code

Projects Section :
Projects Section Overview
Photopea Mockup
Projects Layout HTML
Projects Layout CSS
Section 8 Code

Contact Section :
Contact Section Overview
Video / Image Background
Business Card Mockup
Section 9 Code

Footer Section :
Footer Layout HTML & CSS
Section 10 Code

Resume Component :
Resume Component Code
Angular Component Integration
Section 11 Code

Responsive Design :
Responsive Design Overview
Section 12 (A) Code
Large Smartphone (Vertical)
Modifying Desktop Menu
Section 12 (B) Code
Hamburger Menu Styling
Hamburger Menu Functionality
Large Smartphone (Horizontal)
Responsive Design Conclusion
Section 12 (Blank Media Queries) Code
Section 12 (Final Media Queries) Code

Optimizing & Hosting :
Optimizing & Hosting Overview
Making an Icon / Favicon
Lighthouse Audit & Meta Tags
Building - Optimizing - Hosting
PWA on Smartphones
Final Project Code
Portfolio Project
1 question

Conclusion :
Conclusion & Thank You