Angular for Beginners - Let's build a Tic-Tac-Toe PWA

#angular #pwa #tutorial

Take Angular quizzes 🤓

Use code lORhwXd2 for 25% off your first payment.

[RS-lhgx]

For anyone confused at the Angular Console plugin part, Nx Console is the new name of the extension

Also if you run into an issue with using ng new after npm installing the angular cli on windows, you may need to run your terminal as an admin; that's what I had to do

[ItsMe-oidy]

This tutorial desperately needs a 2023 update. So much has changed.

[monour]

I know your channel is not for complete beginners, but I really hope you do more explanation videos for people starting out like me, I really love your style but many things and concepts went over my head ... I have so much to learn.

Thanks for everything man, you're an inspiration.

[sodiboo]

"Angular Console" appears to have been renamed to "Nx Console"

[raymondonfire]

Awesome project. Thanks.

A few minor fixes:
1. In app.component.html <app-square></app-square> should change to <app-board></app-board>
2. In square.component.ts @Input() value: 'X' | 'O'; should rather be @Input() value: string;
3. In board.component.ts change this.winner = null; to this.winner = ""; and change the return null; in caclulateWinner to return "";
4. Add false under "compilerOptions":{ in the project folder/tsconfig.json file, to avoid the value error.
5. Nebular is not compatible with Angular 16 yet. Either create the app with ng new <your-project-name> --version=15 or just skip all the nebular parts (don't add the extra nb.... coding).

[lobster-music]

For anyone facing the problem of TS compiler complaining that 'value' is not initialized in the constructor, you can just add false in your ts config :)

[kingdarboja]

Been a Front end Dev in Angular and this is the first time I see a different third party library for UI stuff besides Bootstrap, Material and Foundation. Love your courses :)

[pampula]

This is pure gold. Thank you! I am starting out Angular and I would love to see a bit more content that is aimed for beginners but anyway you got yourself another pro member, absolutely love this tempo, explanations and I am even excited about the intermediate content that you have for pro members. Great job!

[bushraabbasi]

follow steps throughout the video still get errors. Property 'squares' has no initializer and is not definitely assigned in the constructor. Type 'null' is not assignable to type 'string'. Type 'string' is not assignable to type '"X" | "O"'.

[xarttx]

14:59 The app doesn't work. You need to change the app.component.html to use <app-board> as opposed to <app-square>

[grosbras]

It would be great to have a tutorial with Angular and NestJS (even better if there is websocket in it!). Two very powerful frameworks, same global architecture, two powerful CLIs and same language. Thanks for your work!

[guillermovillalta]

This is great, this video was my first experience developing something with Angular and really liked it! A few steps are overlooked but everything makes sense in the end.

Thanks for your hard work.

[howardleen]

This tutorial desperately needs a 2024 update.

[taishienglish]

I'm beginner just about 9 months into it all and just finished a javascript course, this is all new to me, this video was a tad fast paced for me but i bought the actual course on the website and im glad to say that this was broken down and slowed down so it was very clear and concise, can't wait to finish it.

[will_abule]

Finally, the world will see "Angular" for what it truly is. Thanks, jeff please if you're watching retweet

[martinguggenberger]

the last step isn't possible for me, i can't find the "add" in the NX Console (Angular Console -> NX Console).

[trevorsoh]

Can I just say that you are a great teacher. Never though my brain could understand programming / but you make it approachable

[phillipables]

legit, best tutorial i have seen in a long time. missed a few baby steps but nothing worth recovering!!

[darthvader]

I got an error on the value on @Input() value : 'X' | 'O';

[ProgrammingwithPeter]

This channel is getting better and better <3