Building a Professional Portfolio App with Angular

Building a Professional Portfolio App with Angular, available at $29.99, has an average rating of 5, with 124 lectures, based on 2 reviews, and has 10 subscribers.

You will learn about Angular fundamentals: Basics of components, templates, data binding, and services. Angular CLI: Students will learn how to use the Angular Command Line Interface (CLI) to quickly scaffold and generate Angular projects and components. They will Routing and navigation: Implementing navigation and handling routes. Responsive design: Creating a mobile-friendly layout. This course is ideal for individuals who are Web developers: Developers who are already familiar with HTML, CSS, JavaScript, and frontend frameworks but want to expand their knowledge by learning Angular and building interactive portfolio apps. or Angular beginners: Individuals who have some experience with frontend development but are new to Angular and want to learn how to use it to create portfolio applications. or Students and learners: Students studying web development or individuals who are self-learning and want to explore Angular and develop practical skills by building portfolio apps. or Designers transitioning to development: Designers who want to add coding skills to their repertoire and create their own portfolio apps using Angular. or Freelancers and entrepreneurs: Freelancers or entrepreneurs looking to create a professional portfolio app to showcase their work and attract clients or job opportunities. It is particularly useful for Web developers: Developers who are already familiar with HTML, CSS, JavaScript, and frontend frameworks but want to expand their knowledge by learning Angular and building interactive portfolio apps. or Angular beginners: Individuals who have some experience with frontend development but are new to Angular and want to learn how to use it to create portfolio applications. or Students and learners: Students studying web development or individuals who are self-learning and want to explore Angular and develop practical skills by building portfolio apps. or Designers transitioning to development: Designers who want to add coding skills to their repertoire and create their own portfolio apps using Angular. or Freelancers and entrepreneurs: Freelancers or entrepreneurs looking to create a professional portfolio app to showcase their work and attract clients or job opportunities.

Enroll now: Building a Professional Portfolio App with Angular

Summary

Title: Building a Professional Portfolio App with Angular

Price: $29.99

Average Rating: 5

Number of Lectures: 124

Number of Published Lectures: 124

Number of Curriculum Items: 124

Number of Published Curriculum Objects: 124

Original Price: $29.99

Quality Status: approved

Status: Live

What You Will Learn

Angular fundamentals: Basics of components, templates, data binding, and services.

Angular CLI: Students will learn how to use the Angular Command Line Interface (CLI) to quickly scaffold and generate Angular projects and components. They will

Routing and navigation: Implementing navigation and handling routes.

Responsive design: Creating a mobile-friendly layout.

Who Should Attend

Web developers: Developers who are already familiar with HTML, CSS, JavaScript, and frontend frameworks but want to expand their knowledge by learning Angular and building interactive portfolio apps.

Angular beginners: Individuals who have some experience with frontend development but are new to Angular and want to learn how to use it to create portfolio applications.

Students and learners: Students studying web development or individuals who are self-learning and want to explore Angular and develop practical skills by building portfolio apps.

Designers transitioning to development: Designers who want to add coding skills to their repertoire and create their own portfolio apps using Angular.

Freelancers and entrepreneurs: Freelancers or entrepreneurs looking to create a professional portfolio app to showcase their work and attract clients or job opportunities.

Target Audiences

Web developers: Developers who are already familiar with HTML, CSS, JavaScript, and frontend frameworks but want to expand their knowledge by learning Angular and building interactive portfolio apps.

Angular beginners: Individuals who have some experience with frontend development but are new to Angular and want to learn how to use it to create portfolio applications.

Students and learners: Students studying web development or individuals who are self-learning and want to explore Angular and develop practical skills by building portfolio apps.

Designers transitioning to development: Designers who want to add coding skills to their repertoire and create their own portfolio apps using Angular.

Freelancers and entrepreneurs: Freelancers or entrepreneurs looking to create a professional portfolio app to showcase their work and attract clients or job opportunities.

“Building a Professional Portfolio App with Angular” is a practical course that provides participants with the knowledge and skills they need to create impressive and engaging portfolio apps using the Angular framework.

In this course, I show you how to create a professional portfolio app. This is my real portfolio app that runs online, if you’ve ever visited my website. I explain how you can create a website like this to have your own brand and show the world your talent.

This is a practical course. In this course, I don’t explain Angular, I implement the project from scratch and finish it in less than an hour. Once I’m done, you take control of the application and bring in your own brand.

That’s the main goal of the course: to help you create your own website that you design to your liking by controlling the colors, layout, and every pixel of your online portfolio.

This is important for your online presence and your career. You need your own website to show the world your talent.

The course is well structured so that you have a clear understanding of what you will be developing, from the big picture to the individual components. This is also very useful for your coding practice as I teach you the architecture under the hood, among other things.

In this application, there is no connection to the backend because it is not necessary.

However, the application is built in such a modern way that we use a data layer that can easily be integrated into the backend in case you change your mind later.

This is also very useful if you want to expand your website. You simply add a new row in the data layer and it will be displayed on your website without you having to edit any files like CSS or HTML. For example, if you want to add a new project, certificate or something else.

In summary, you’ll learn valuable professional and marketable production techniques and end up with your own product that you can publish to impress your clients and employers.

Join us on this transformative learning journey and unleash your creative potential with Angular!

Build your own brand and show the world your talent!

Have fun programming!

Course Curriculum

Chapter 1: Chapter 1: Project Preview

Lecture 1: 1.1 Pages

Lecture 2: 1.2 Preview (Mobile)

Lecture 3: 1.3 Preview (Desktop)

Lecture 4: Your own brand

Lecture 5: Source Code

Chapter 2: Chapter 2: App Layout

Lecture 1: 2.1 App Diagram

Lecture 2: 2.2 App Structure

Lecture 3: 2.3 App Folder Structure

Chapter 3: Chapter 3: Project Setup

Lecture 1: 3.1 Create the Angular App

Lecture 2: 3.2 Copy the Assets

Lecture 3: 3.3 Set Title and Icon

Lecture 4: 3.4 Add Global Style

Lecture 5: 3.5 Clean the app.component.html

Chapter 4: Chapter 4: Top Bar Component

Lecture 1: 4.1 Preview

Lecture 2: 4.2 Create It

Lecture 3: 4.3 HTML

Lecture 4: 4.4 CSS

Lecture 5: 4.5 Use It

Chapter 5: Chapter 5: Sidenav Service

Lecture 1: 5.1 Create It

Lecture 2: 5.2 TS

Lecture 3: 5.3 Sidenav Items

Chapter 6: Chapter 6: Sidenav Component

Lecture 1: 6.1 Preview

Lecture 2: 6.2 Create It

Lecture 3: 6.3 TS

Lecture 4: 6.4 HTML

Lecture 5: 6.5 CSS

Lecture 6: 6.6 Use It

Lecture 7: 6.7 Update top-bar Component

Chapter 7: Chapter 7: Footer Component

Lecture 1: 7.1 Preview

Lecture 2: 7.2 Create It

Lecture 3: 7.3 TS

Lecture 4: 7.4 HTML

Lecture 5: 7.5 CSS

Lecture 6: 7.6 Use It

Chapter 8: Chapter 8: Home Page

Lecture 1: 8.1 Preview

Lecture 2: 8.2 Page Outline

Lecture 3: 8.3 Create It

Lecture 4: 8.4 Add Route

Chapter 9: Chapter 9: [Home] Promotion Component

Lecture 1: 9.1 Preview

Lecture 2: 9.2 Create It

Lecture 3: 9.3 TS

Lecture 4: 9.4. HTML

Lecture 5: 9.5 CSS

Lecture 6: 9.6 Use It

Chapter 10: Chapter 10: [Home] Welcome Component

Lecture 1: 10.1 Preview

Lecture 2: 10.2 Create It

Lecture 3: 10.3 TS

Lecture 4: 10.4 HTML

Lecture 5: 10.5 CSS

Lecture 6: 10.6 Use It

Chapter 11: Chapter 11: [Home] Badges Component

Lecture 1: 11.1 Preview

Lecture 2: 11.2 Create It

Lecture 3: 11.3 TS

Lecture 4: 11.4 HTML

Lecture 5: 11.5 CSS

Lecture 6: 11.6 Use It

Chapter 12: Chapter 12: About Page

Lecture 1: 12.1 Preview

Lecture 2: 12.2 Page Outline

Lecture 3: 12.3 Create It

Lecture 4: 12.4 Set Title

Lecture 5: 12.5 Add Route

Chapter 13: Chapter 13: [About] Bio Component

Lecture 1: 13.1 Preview

Lecture 2: 13.2 Create It

Lecture 3: 13.3 TS

Lecture 4: 13.4. HTML

Lecture 5: 13.5 CSS

Lecture 6: 13.6 Use It

Chapter 14: Chapter 14: Certificates Data

Lecture 1: 14.1 Create It

Lecture 2: 14.2 TS

Chapter 15: Chapter 15: [About] Certificates Component

Lecture 1: 15.1 Preview

Lecture 2: 15.2 Create It

Lecture 3: 15.3 TS

Lecture 4: 15.4 HTML

Lecture 5: 15.5 CSS

Lecture 6: 15.6 Use It

Chapter 16: Chapter 16: CV Page

Lecture 1: 16.1 Preview

Lecture 2: 16.2 Page Outline

Lecture 3: 16.3 Create It

Lecture 4: 16.4 Set Title

Lecture 5: 16.5 Add Route

Chapter 17: Chapter 17: Experiences Data

Lecture 1: 17.1 Create It

Lecture 2: 17.2 TS

Chapter 18: Chapter 18: [CV] Experiences Component

Instructors

Abdelfattah Ragab
Senior Software Developer

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 0 votes

5 stars: 2 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!