Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Grammatical updates in Angular #1750

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion content/contributors/alex-guja.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,4 +10,4 @@ links:
portfolio: https://alexguja.com
---

Alex is a full-stack developer based in Europe. He is interested in web development, mobile apps, data engineering, and cloud technologies. In his free time, he enjoys reading, writes music, and likes to meet new people.
Alex is a full-stack developer based in Europe. He is interested in Web Development, Mobile Apps, Data Engineering, and Cloud Technologies. In his free time, he enjoys reading, writes music, and likes to meet new people.
2 changes: 1 addition & 1 deletion content/contributors/arjun-yelamanchili.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,4 +11,4 @@ links:
---


Arjun is a full-stack developer and future blockchain billionaire based in Denver, CO
Arjun is a full-stack developer and future blockchain billionaire based in Denver, CO.
2 changes: 1 addition & 1 deletion content/contributors/dominik-simonik.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,4 +10,4 @@ links:
linkedin: https://www.linkedin.com/in/dominik-%C5%A1imon%C3%ADk-11a14014b/
---

Dominik Šimoník is software engineer developing apps in Angular, Java, Dart, Nodejs and Ruby. He is GDG Organizer and lector for women at community Czechitas in the Czech republic. When he is not at the computer he does some sort of geek things like drone races etc.
Dominik Šimoník is Software Engineer developing apps in Angular, Java, Dart, Node.js and Ruby. He is GDG Organizer and lector for women at community Czechitas in the Czech Republic. When he is not at the computer, he engages in various geeky activities like drone racing, etc.
2 changes: 1 addition & 1 deletion content/contributors/finn-krestel.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,4 +8,4 @@ links:
github: https://github.com/FinnKrestel
---

Finn Krestel is a Java, JavaScript, CSS and HTML developer. He mainly uses React or Preact for interactive web applications. Next.js is his favorite SSR framework.
Finn Krestel is a Java, JavaScript, CSS and HTML developer. He mainly uses React or Preact for interactive Web Applications. Next.js is his favorite SSR framework.
2 changes: 1 addition & 1 deletion content/contributors/jeroen.ouwehand.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,4 +7,4 @@ links:
medium: https://medium.com/@jeroenouw
---

Jeroen is a full-stack developer from Rotterdam (The Netherlands) and is currently working for a bank. Sometimes writes posts on Medium or contribute on Github.
Jeroen is a Full-Stack Developer from Rotterdam (The Netherlands) and is currently working for a bank. He sometimes writes posts on Medium or contribute on GitHub.
2 changes: 1 addition & 1 deletion content/contributors/johan-walhout.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,4 +11,4 @@ links:
linkedin: https://www.linkedin.com/in/johanwalhout/
---

Johan is a software engineer developing apps and webapplications in Angular 2+, VueJS, Nodejs and Dart/Flutter. When he is not working on new projects, he enjoy to have adventures with his wife, four boys and a dog.
Johan is a Software Engineer developing apps and web applications in Angular 2+, VueJS, Nodejs and Dart/Flutter. When he is not working on new projects, he enjoys having adventures with his wife, four boys and a dog.
2 changes: 1 addition & 1 deletion content/contributors/jorge-dacosta.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,4 +10,4 @@ links:
github: https://github.com/overlineink
---

Jorge Dacosta is Co-Founder of [Splash Ink](https://splashink.gq/) (🇦🇴 🇿🇦), Graphic Designer and Open Source (OSS) enthusiast who loves share his knowledge.
Jorge Dacosta is Co-Founder of [Splash Ink](https://splashink.gq/) (🇦🇴 🇿🇦), Graphic Designer and Open Source (OSS) enthusiast who loves to share his knowledge.
2 changes: 1 addition & 1 deletion content/contributors/kyle-leary.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,4 @@ links:
github: https://github.com/klutchdev
---

Kyle aka "Klutch" or "KlutchDev" is a battle-hardened fullstack JavaScript/React && Firebase developer from western Massachusetts. Klutch is currently learning Rust, TypeScript, and preparing for the OSWE exam. When not writing code he is relaxing at home with his long time sweetheart Chelsea and cats Murph/Zelda or shredding guitar.
Kyle aka "Klutch" or "KlutchDev" is a battle-hardened Fullstack JavaScript/React && Firebase developer from Western Massachusetts. Klutch is currently learning Rust, TypeScript, and preparing for the OSWE exam. When not writing code, he is relaxing at home with his long time sweetheart Chelsea and cats Murph/Zelda or shredding guitar.
2 changes: 1 addition & 1 deletion content/contributors/lenny-cunningham.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,4 @@ links:
twitter: https://twitter.com/lenmedicward
---

Lenny is a self taught hobbiest for WebApp Development. Owns <a href="http://acadianaapps.com">Acadiana Apps</a>. A small company specializing in custom web app development, and Google Apps Script integrations.
Lenny is a self taught hobbiest for Web App Development. Owns <a href="http://acadianaapps.com">Acadiana Apps</a>. A small company specializing in custom web app development, and Google Apps Script integrations.
2 changes: 1 addition & 1 deletion content/contributors/marc-stammerjohann.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,4 +10,4 @@ links:
portfolio: https://marcjulian.de
---

Marc Stammerjohann is a freelance full-stack software engineer developing apps with Ionic, Angular, Typescript, Java and Kotlin. He is interested in Web Components, nest and Prisma lately. In his free time he enjoys inline skating, traveling, diving and reading books.
Marc Stammerjohann is a Freelance Full-Stack Software Engineer developing apps with Ionic, Angular, Typescript, Java and Kotlin. He is interested in Web Components, Nest and Prisma lately. In his free time, he enjoys inline skating, traveling, diving and reading books.
2 changes: 1 addition & 1 deletion content/contributors/patrick-mullot.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,4 +7,4 @@ links:
linkedin: https://www.linkedin.com/in/patrick-mullot-ba267a2/
---

Patrick is a part-time full-stack developer, with (too) many years of experience as a Project Developer and programmer. He now specializes in the Firebase ecosystem. When not in his tech-cave, he enjoys traveling and have long walks with his family and their 4 legged friends
Patrick is a part-time Full-Stack Developer, with (too) many years of experience as a Project Developer and Programmer. He now specializes in the Firebase ecosystem. When not in his tech-cave, he enjoys traveling and have long walks with his family and their 4 legged friends.
2 changes: 1 addition & 1 deletion content/contributors/sabz.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,4 @@ links:
linkedin: https://www.linkedin.com/in/sabari-s-7105b322a/
---

Sabz is a self-taught developer && designer. He is interested in web, desktop development.
Sabz is a self-taught Developer && Designer. He is interested in Web && Desktop Development.
2 changes: 1 addition & 1 deletion content/contributors/shawn-eubanks.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,6 @@ links:
portfolio: https://deveube.com
---

**devEUBE** = technology geek and expert problem solver. I love to learn anything new, and I am especially interested and passionate about emerging technologies in cloud computing and web development. I am driven and passionate about sharing skills and knowledge with others and helping others succeed using new and innovative technologies.
**devEUBE** = technology geek and expert problem solver. I love to learn anything new, and I am especially interested and passionate about emerging technologies in Cloud Computing and Web Development. I am driven and passionate about sharing skills and knowledge with others and helping others succeed using new and innovative technologies.

Passionate Hobbies: Learning New Media, Gaming and Design / Development of media and web presences.
2 changes: 1 addition & 1 deletion content/contributors/weilun.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,4 @@ links:
github: https://github.com/WLun001
---

Wei Lun is a bachelor's degree student in Software Engineering based in Malaysia. He actively learning trendy technologies, mainly in web, mobile, cloud technologies and solution architect.
Wei Lun is a Bachelor's degree student in Software Engineering based in Malaysia. He actively learns trendy technologies, mainly in Web, Mobile, Cloud Technologies and Solution Architect.
8 changes: 4 additions & 4 deletions content/courses/angular/_index.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,9 +20,9 @@ stack:

## 🍱 What will I build?

The **Angular Firebase PWA Course** will teach you how to build a complex progressive web app with Angular 12 (ivy), Material Design, and Firebase. It starts from absolute basics and eventually culminates with the deployment of a server-rendered PWA on Google Cloud Run.
The **Angular Firebase PWA Course** will teach you how to build a complex progressive Web App with Angular 12 (ivy), Material Design, and Firebase. It starts from absolute basics and eventually culminates with the deployment of a server-rendered PWA on Google Cloud Run.

You will build a full-stack [Kanban (看板)](https://en.wikipedia.org/wiki/Kanban) storyboard app inspired by Trello. Authenticated users can create, sort, update, and delete boards with all interaction persisted in Firestore.
You will build a Full-Stack [Kanban (看板)](https://en.wikipedia.org/wiki/Kanban) storyboard app inspired by Trello. Authenticated users can create, sort, update, and delete boards with all interaction persisted in Firestore.

<div>
<a href="https://firestarter.fireship.io" class="btn btn-orange">Firestarter Live Demo</a>
Expand All @@ -37,14 +37,14 @@ You will build a full-stack [Kanban (看板)](https://en.wikipedia.org/wiki/Kanb
- User authentication with Firebase (Google OAuth, Email/Password)
- Reactive Forms vs Template-driven Forms
- Drag-and-Drop with the Angular CDK
- Data modeling and complex writes/queries with Firestore
- Data Modeling and complex writes/queries with Firestore
- Firestore security rules
- Angular Universal with Nest.js
- Prerendering and/or deployment to Google Cloud Run

### 🤔 Is this Course Right for Me?

This course is intermediate level and designed to expose you to real-world challenges when building PWAs with Angular. It assumes you have at least basic knowledge of web programming and basic skills in JavaScript, HTML, and CSS. It is fast-paced and similar to [my style on YouTube](https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA?), but far more in-depth and comprehensive.
This course is intermediate level and designed to expose you to real-world challenges when building PWAs with Angular. It assumes you have at least a basic knowledge of web programming and basic skills in JavaScript, HTML, and CSS. It is fast-paced and similar to [my style on YouTube](https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA?), but far more in-depth and comprehensive.

## Is this Course Updated?

Expand Down
2 changes: 1 addition & 1 deletion content/courses/angular/app-material.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ emoji: 🎨
video_length: 5:21
---

We're ready to start building the app! It's ideal to kick off any new project with a solid foundation for design. An app that looks good from the day one will keep you happy and motivated throughout the development process.
We're ready to start building the app! It's ideal to kick off any new project with a solid foundation for design. An app that looks good from day one will keep you happy and motivated throughout the development process.

## Steps

Expand Down
4 changes: 2 additions & 2 deletions content/courses/angular/app-shared-module.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ Create a shared module to avoid duplicate imports and exports of common Angular
ng g module shared
```

Add it to the app module. It will be imported by all features in this app.
Add it to the App Module. It will be imported by all features in this App.

{{< file "ngts" "app.module.ts" >}}
```typescript
Expand All @@ -46,7 +46,7 @@ export class AppModule { }

### Step 2 - Consolidate Imports

Avoid duplication by consolidating your imports with the the spread syntax. We will be using the common material modules throughout the course. All Material modules listed below will be used in this app.
Avoid duplication by consolidating your imports with the the spread syntax. We will be using the common Material modules throughout the course. All Material modules listed below will be used in this app.

{{< file "ngts" "shared.module.ts" >}}
```typescript
Expand Down
2 changes: 1 addition & 1 deletion content/courses/angular/basics-cli.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ free: true
video_length: 4:01
---

The [Angular CLI](https://angular.io/cli) provides a powerful set of tools that can bundle your app with webpack, generate boilerplate code, and configure third-party extensions.
The [Angular CLI](https://angular.io/cli) provides a powerful set of tools that can bundle your App with Webpack, generate boilerplate code, and configure third-party extensions.

## Getting Started

Expand Down
2 changes: 1 addition & 1 deletion content/courses/angular/kanban-database-service.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ emoji: 🔥
video_length: 7:39
---

Separate all database logic into a dedicated service.
Separate all Database logic into a dedicated service.

## Database Service

Expand Down
4 changes: 2 additions & 2 deletions content/courses/angular/kanban-delete-button.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ emoji: 🗑️
video_length: 3:10
---

Create a delete button that confirms the operation before sending the write to the database.
Create a Delete button that confirms the operation before sending the write to the Database.

## Steps

Expand All @@ -22,7 +22,7 @@ ng g c shared/delete-button

### Step 2 - Delete Button Component

The delete button component is just UI (dumb component), meaning it only emits an event with the user's delete intention. The parent component handles the actual database write.
The delete button component is just UI (dumb component), meaning it only emits an event with the user's delete intention. The parent component handles the actual Database write.

{{< file "ngts" "delete-button.component.ts" >}}
```typescript
Expand Down
2 changes: 1 addition & 1 deletion content/courses/angular/kanban-dialogs.md
Original file line number Diff line number Diff line change
Expand Up @@ -112,7 +112,7 @@ And make sure to bind the button click to the `openDialog()` handler.

### Step 3 - Task Dialog

The task dialog is similar, but also supports data updates by passing data into the material dialog.
The task dialog is similar, but also supports data updates by passing data into the Material dialog.

{{< file "ngts" "task-dialog.component.ts" >}}
```typescript
Expand Down
2 changes: 1 addition & 1 deletion content/courses/angular/kanban-module.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ chapter_start: Kanban
video_length: 2:10
---

Setup another lazy-loaded feature module for the development of Kanban boards.
Setup another Lazy-loaded feature module for the development of Kanban boards.

{{< file "terminal" "command line" >}}
```text
Expand Down
4 changes: 2 additions & 2 deletions content/courses/angular/ssr-concepts.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,14 +10,14 @@ chapter_start: Server-side Rendering
video_length: 2:57
---

Determine the best rendering strategy for your use-case. You may not need SSR at all if the app does not care about search engine bots or social media link bots.
Determine the best rendering strategy for your use-case. You may not need SSR at all if the app does not care about Search Engine Bots or Social Media link bots.

## Strategies

### Server-side Rendering (SSR)

- Renders the app on every request
- Requires a NodeJS server
- Requires a Node.JS server

### Prerendering

Expand Down