About
About Us
Help
Privacy Policy
Terms of Service
LearnDesk
Learn
Academics
Business
Creative
Health and Fitness
Lifestyle
Personal Development
Software
Topics
Admissions
Engineering
Hardware
Hospitality
Humanities
Chinese
Languages
Maths
Pharma
View All Topics
Topics
Accounting
Advertising
Analysis
Analytics
Business Communication
eCommerce
Entrepreneurship
Finance
Finance - India
Freelancing
View All Topics
Topics
Arts & Crafts
Audio Editing
Audio Production
Dance
Design
Film Production
Music
Photography
Video Production
Writing
View All Topics
Topics
Dieting
Fitness
Food Safety
Games
Medical
Medical Professionals
Meditation
Mental Health
Pregnancy
Safety & First Aid
View All Topics
Topics
Beauty & Makeup
Food
Fashion
Gaming
Home Improvement
Parenting
Pet Care & Training
Relationships
Sustainable Living
View All Topics
Topics
Career Development
Learning
Religion and Spirituality
Self-Improvement
View All Topics
Topics
Accounting
Amazon Web Services
App Development
Continuous Integration
Backup Software
Business Automation
Computational Fluid Dynamics
Business Intelligence
Computer Aided Design (CAD)
View All Topics
Teach
Teach Online
Schedule
Items
Billing
Users
Marketing
Analytics
Settings
Change School
Account
Log In
Sign Up
Modern Web Design and Development: Creating a PWA Portfolio in Angular 8
Introduction
Introduction
Preview
Welcome to the course!
External Resources
Codepen Introduction
Codepen Video Background
Preview
Setting up Environment
Main Installation and Setup
Angular and Firebase Setup
PWA, Design, Planning
What is a Progressive Web App?
Preview
Design Principles
Portfolio Planning
Creating Portfolio Sections
Home Section
Home Section Overview
Video Background
Custom Google Fonts
Importing Font Awesome Icons
Desktop Navigation
Desktop Navigation Overview
Building and Styling our Navigation
Navigation Functionality
About Section
About Section Overview
About Layout HTML
About Layout CSS
Projects Section
Projects Section Overview
Photopea Mockup
Projects Layout HTML
Projects Layout CSS
Contact Section
Contact Section Overview
Video or Image Background
Business Card Mockup
Footer Section
Footer Layout HTML and CSS
Resume Component
Angular Component Integration
Responsive Design
Responsive Design Overview
Large Smartphone (Vertical)
Modifying Desktop Menu
Hamburger Menu Styling
Hamburger Menu Functionality
Large Smartphone (Horizontal)
Responsive Design Conclusion
Optimizing and Hosting
Optimizing and Hosting Overview
Making an Icon / Favicon
Lighthouse Audits and Meta Tags
Building, Optimizing, Hosting
PWA on Smartphones
Conclusion
Thank You For Joining Me!
PWA, Design, Planning
Modern Web Design and Development: Creating a PWA Portfolio in Angular 8
By:
Jacinto Wong
Share
Share the link to this page
Copied
Facebook
Twitter
WhatsApp
LinkedIn
Email
Add to Calendar
Add the class to your calendar
Add to Google Calendar
Add to Apple Calendar
Add to Yahoo Calendar
Add to Outlook Calendar
Print
Completed
We will look at what a PWA is and why it's important, look at design fundamentals and look at some examples of portfolio websites for inspiration.
We'll cover the following topics in this section:
What is a Progressive Web App?
Design Principles
Portfolio Planning
Creating Portfolio Sections
Previous
Next
Sign Up
Signup to access thousands of classes
Continue with Facebook
Continue with Google
OR
Continue with Email
Already a member?
Log In
By registering for a LearnDesk account, you agree to our
Terms of Service
and
Privacy Policy
.
Share
Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.
Share with Google Contacts