Thanks, I completed the whole video, and I was coding along side you, To anyone who is thinking of watching this , you should definitely watch it, although a few things have changed but the remaining 85% of the things is still the same
@Mark-nm9sm
11 ай бұрын
Job requires angular but the more i watch this the more i love react 🤣
@MrChrizzilla
5 ай бұрын
Hard agree. Bi-directional binding of properties between parent and child is going to be a nightmare to debug 😱 Having to deal with html "template" files rather than JSX/TSX is just gross. I also don't like being forced into writing components in an OOP way with classes. React moving to functional components and hooks was the best thing that could have happened to it. I imagine this new job is going to be HOC hell, like React originally was.
@victortarus2814
5 ай бұрын
same boat
@hassanmostafa4070
4 ай бұрын
Agree 👍👍👍💯
@MediNaPowaznie
Ай бұрын
Thank you for this course! Just watched it all and coded along and I feel that I'm ready to jump into some Angular projects.
@patriciebakosova4878
11 ай бұрын
Thank you Jeremy, for this absolutely fantastic video. I just started work in Angular as a junior dev and it feels very overwhelming as I only learned React. I'm just half way through your video and it's helping me so much already! I watched few other tutorials, but this is by far the simplest explanation what you can get while building. And it's actually the newest what you can get as well. Plus it's in native english and your voice is a pleasure to listen to! Thanks again, great work.
@vladimir_dev
11 ай бұрын
Great tutorial... What are the chances of getting one (or an update to this one) for Angular 17 and Signals when it comes out? :)
@darkoplax7688
10 ай бұрын
this video made me realize , how bad angular is ... ain't no way you have to write all that boilerplate and overcomplicate everything ; react and frameworks associated with it do everything done here so much easier and you gain insane amount of time ty for the tutorial , i wanted to understand how angular works and i got a good idea but no way i'm using this on my small projects ; think using angular is only worth it if ur being paid to work on a huge project
@slin3232
10 ай бұрын
Angular 17 changed a few things (no modules by default), so this tutorial needs some minor updates I guess.
@user-ee1hg
5 ай бұрын
"ng new appname --no-standalone" use this command for setting up the environment. now you'll have the setup environment with module.ts file
@DownShut
Жыл бұрын
Thank you for this great tutorial. I have question, why you use "let" to define all the variables? I think use const will be better in some cases.
@kmonish9119
8 ай бұрын
For someone, who is starting this when the @angular/cli is 17 or more, downgrade the @angular/cli version to 16. You can do this by the following command: npm i @angular/cli@16.1.0 @Envato Tuts+ - could you help what could be the issue with version 17. The components.module.ts is not available when we create a new angular project. Thanks :)
@petermeredith8698
8 ай бұрын
I just worked through the entire video and didn't have a single issue where my code didn't work outside of my mistakes. Just make sure you're using angular 16 and not whatever is latest (17 right now).
@humanity7880
8 ай бұрын
Thanks mate
@CristinadeKlerk
3 ай бұрын
In order to run this project in angular 17+, just initialize your project without standalone using ng new wishlist --no-standalone instead of ng new wishlist
@ShaggyRobot
11 ай бұрын
You sound really nice, reminded me a bit of narrator from Stanley Parable :)
@riclaq4437
6 ай бұрын
Monster of a tutorial I think it's gonna help me a lot for my internship :)
@independentthinker4881
5 ай бұрын
Great tutorial but badly needs to be updated to the a latest versions of node and angular as they have some pretty big changes that break this tutorial.
@chickachickachicka
10 ай бұрын
..it might be helpful to mention SOMEWHERE the angular version you're using - so that I could setup the right project number - cause as of this writing - 10 minutes into the video and Angular 17 doesnt have the app.module file. so now im stuck. Also the CLI asked me about server side rendering and I didnt know whether to choose yes or no.
@ciaochrystusa4778
10 ай бұрын
This is 16.2, reinstall Angular for this tutorial
@Empyrean629
10 ай бұрын
Type the command for installing angular the add @16.0.0 at end then you will good to go.
@Aeris-Xu
9 ай бұрын
So the version 17 has really changed a lot, hasn’t it?
@h.t.8812
9 ай бұрын
I had the same issues, also I had to remake the folder of the project to be able to add a module file 1 hour into the tutorial and now there's new problems
@pyjamaprince
8 ай бұрын
@Aeris-Xu it has and I cant find ant tutorials for it. This is frustrating.
@mypreciouz5634
11 ай бұрын
At 3:00:43 when i export the WishService module like you do in the video my app crashes and ı get 'WishService does not appear to be an ngModule error. However if I don't export it everything works fine. Why is that the case? I am confused.
@blue-jk2qu
9 ай бұрын
In WishModule, WishService needs to be listed in the 'providers' array: @NgModule({ declarations: [ WishListComponent, AddWishFormComponent, WishFilterComponent, WishListItemComponent ], imports: [ CommonModule, FormsModule, HttpClientModule, ], exports: [ WishListComponent, AddWishFormComponent, WishFilterComponent, WishListItemComponent, ], providers: [ WishService ] }) export class WishModule { }
@azym_equinox
6 күн бұрын
Excellent course but its a shame it only covers the very basics and barley any RxJs and no NgRx, State Change, Change Detection etc. Anyone has any advice on where should I learn these concepts fast?
@envatotuts
6 күн бұрын
Hi! Thanks for the feedback 😊 The official Angular docs and RxJS website offer great resources for learning fast. Cheers!
@sapumalpriyashantha-s8i
7 ай бұрын
thank u, really great work, best tutorial
@bemaxng4676
Жыл бұрын
Wouldn't it be nice if we all liked this great Tutorial 😊
@smrsgv
11 ай бұрын
Thanks for a really great work! Can you share the settings and extensions you use for VS Code?
@princechangani5302
8 ай бұрын
same question ... if you know then pls reply
@abdelrahmanmahmoud4995
6 ай бұрын
One of the best Angular tutorials, I really like how you simplify everything
@DH-jw4iy
Жыл бұрын
Thank you sir for this great tutorial. Do you have or do you plan to create the next level Angular course?
@DownShut
Жыл бұрын
I agree. The next level of Angular course will be awesome.
@SamoPlaysMinecraft
5 ай бұрын
Give this man 100,000,000,000!!!
@legionsman7476
10 ай бұрын
What version of angular is being used in this tutorial?
@nabeelaliibol2064
9 ай бұрын
16
@smrushaan2654
8 күн бұрын
Hi, I understood almost all of course till now but I did not understand the purpose of Lecture 3.3 Setting Up Two Way Binding, can anyone explain to me? I understood how to set up custom two way binding but did it understand why it was done there at all as it made things more complicated and confusing. this.filter = filters[val]; this.filterChange.emit(this.filter); Also what is the point of line 2 (emitting) after this.filter has already been correctly set?
@envatotuts
8 күн бұрын
Hi! Great question. The purpose of this.filterChange.emit(this.filter) is to notify the parent component about the updated filter value, which is essential in custom two-way data binding. The parent component needs to know about this change to update its state and reflect the changes properly in the UI. Hope this helps! Cheers!
@smrushaan2654
8 күн бұрын
@@envatotuts Tysm!! I actually understood this after 1 hour of wondering, looking at the code and asking to ChatGPT. Btw so far its a great tutorial!
@AbhishekMakwana-p1v
Жыл бұрын
bro needs oscar
@kingchrisbreezy
9 ай бұрын
i'm having some trouble to generate app.module.ts file, what supose to be? help please
@tonykalajo6634
7 ай бұрын
The best tutorial online.. plz let us know if you have a channel, dont mind even paying for any subscription.
@SpikedSpy_
26 күн бұрын
thanks for this tutorial!! I have one question however. for some reason i didn't have some of the base files you had. Did follow your tutorial step by step though. is this because of different angular versions?
@envatotuts
23 күн бұрын
Hi! It’s possible that differences in Angular versions might affect the files and structure you see. Ensure that you’re using the same version of Angular (Angular 15) as in the tutorial. You might also want to check the tutorial’s description or linked resources for any additional files or updates. Hope this helps, cheers!
@SpikedSpy_
21 күн бұрын
@@envatotuts thanks! I was indeed using a different version. I found a roundabout in Importing CommonModule and FormsModule in the app.components.ts file itself for now. not sure how it will affect the project overall but for now it seems to work fine.
@mrtn5882
6 ай бұрын
Is there a full-blown course by Jeremy that goes beyond these initial four hours? I'd happily pay to get access to that, in case it exists.
@mk553
Ай бұрын
I can't believe how difficult Angular is. :(
@soukainaj
5 ай бұрын
Thanks for the tutorial! Your way of teaching is amazing.
@codeavecwinner
Жыл бұрын
First comment. Worth a trophy
@BR50Kab
4 ай бұрын
some issues with not finding the module due to not having a baseUrl set, after setting this to ./src and removing src from the import location this worked. Probably also coul have used .src/etc in the import
@mveronie
Ай бұрын
Thanks! This saved me a lot of headache!
@stermangor
Жыл бұрын
What color theme is this? anyone knows maybe ? i mean the same effect in *ngIf =" ......."
@Snegge202
Жыл бұрын
is there a reason to not use ng generate component to add your components?
@ThatPawikBoy
9 күн бұрын
Thank you for an amazing material ♥️ PS: This feeling when JetBrains pops up the whole code on the first character.
@envatotuts
8 күн бұрын
Hi! We're glad you enjoyed the material! 😊 And yes, JetBrains can be a lifesaver with its autocomplete-definitely a game-changer! Cheers! ✨
@Mark-nm9sm
11 ай бұрын
Amazing tutorial, after finishing it , angular doesnt look that annoying anymore
@anzaniradali1706
11 ай бұрын
The best thing about this tutorial is that your voice is perfect for listening for hours 😭
@joelboardgamerpger5393
Ай бұрын
how do you get the CDN line for bootstrap to appear in your code? which vs extension?
@envatotuts
Ай бұрын
To get the CDN line for Bootstrap to appear in your code automatically, you don’t necessarily need a specific Visual Studio (VS) extension. However, you can use the "Emmet" feature in VS Code, which is built-in, to quickly add the Bootstrap CDN. Just type link:css and press Tab, then replace the URL with the Bootstrap CDN link. If you want a more automated way, you can install the "Bootstrap 4 & Font awesome snippets" extension, which includes shortcuts for adding Bootstrap links. Hope this helps, cheers!
@JustineEspinosa-p9n
7 ай бұрын
I encountered NG0100: ExpressionChangedAfterItHasBeenChecked in 4.1 Using Observables. How to fix this?
@kingchrisbreezy
9 ай бұрын
- - no-standalon
@legend225dev
Ай бұрын
Excellent course about AngularJs. I have worked with reactjs, but for separation of concern and build-in feature provide by angularJs. I have decided to choose angularJs to build a web application for a customer.
@inakaboyz
10 ай бұрын
whats the version of angular youre using?
@larryking1153
5 ай бұрын
Great tutorial....One of the best Angular tutorials I've seen
@NoumanKhan-ck7vx
Жыл бұрын
let's go first time learning angular
@zNeoDev
10 ай бұрын
Can't believe that I learned Angular in just a week thanks to this video.
@carlogbossou9253
Жыл бұрын
Hello sir, thank you very much for this tutorial. I have question. For implementation of ouput directive, why you used parentheses for (addWish) and (filter) but you used brackets for [wishes] ??? Excuses my english, I'm french speaker. Thank you.
@norepeato
11 ай бұрын
One type of parentheses is for output and the other one for input
@kxhakol
5 ай бұрын
hats off, you have a gift for explaining things
@doublebeefstew
9 ай бұрын
3:56:58 route table router link
@SaiDanushTV
3 ай бұрын
Before I start with this video is there any pre-requisite that I need to complete?
@erzascarlet2145
4 ай бұрын
Is it just me or is there something about the way he says $100,000,000,000?
@ismailbakhach8990
8 ай бұрын
how can i make my classes implements OnInit by default when i generate a components ?
@h.t.8812
9 ай бұрын
I'm at 6:55 it asked me if I want to enable server-side rendering and static site generation, should I have said yes? I said no
@h.t.8812
9 ай бұрын
I love the animation in the beginning how do y'all did this?!? straight up dragging stuff and setting their time and position? animator where r u
@InduPriyaSiraparapu
7 ай бұрын
Hello, Can you please explain how to got bootstrap link in index.html at 23:55 in the vedio.
@VirajeeAmarasinghe
Ай бұрын
Thank you for this valuable tutorial!!!
@kevin-howard
6 ай бұрын
What's the vscode theme?
@jackiechen9098
11 ай бұрын
This is the best Angular tutorial! Thank you so much
@apoorvalandge2687
2 ай бұрын
Does the tutorial cover State management ngrx?
@gajananfetare4901
Жыл бұрын
Very professional it helps me a lot
@melindahows6300
27 күн бұрын
Thank you, excellent tutorial, clear and well paced. Enjoyed figuring out how to do things that have changed since first released.
@envatotuts
27 күн бұрын
You're very welcome!
@nareshkumar894
6 ай бұрын
What is the Angular version used in this tutorial???
@SRIVENKATESHR-qn1lp
5 ай бұрын
25:40 In the latest version of Angular v17, built-in for loop is updated. Below is the syntax , @for (item of items; track $index) { {{item.wishText}} 
 }
@afrenchdude5331
5 ай бұрын
thanks
@kekiir
6 ай бұрын
Some one pls tell me, how he is doing this: 28:12?
@kekiir
6 ай бұрын
28:12 how did you do that paste with all of the stuffs?
@matthewkk5087
8 ай бұрын
I like your theme can you tell me which one of is it ?
@unknownworld9815
8 ай бұрын
is there practice project with this video tutorial ?
@kekiir
6 ай бұрын
28:09 how did you paste that markup???
@dev-j8q
Ай бұрын
best
@Lyra35319
2 ай бұрын
thank you so much,good video
@rayenmerghmi5664
Ай бұрын
01:53:43
@trungkienle1431
10 ай бұрын
worth every second!!!!!
@shortscut7614
2 ай бұрын
28:35
@Razes9ooo474lO4
3 ай бұрын
Subscribed from india...
@KENNY-sm8mp
Ай бұрын
30:09
@krasser650
10 ай бұрын
It's just a holiday!
@ismailbakhach8990
8 ай бұрын
what version is this 16 ?
@eljana123
Жыл бұрын
Thank youuuu 😊😊
@gamekyuc
Ай бұрын
kzitem.info/news/bejne/q42euIGvsnhooZg, at this I wonder why the styles of wish-list {} from the app.component.css does not get applied to the wish-list component, and the host have to transform it to the wishList.component.css itself?. Any one help me understand why? Thank you !
@envatotuts
Ай бұрын
Hi! In Angular, styles defined in app.component.css (or any component's stylesheet) are scoped only to that particular component by default. This means the styles inside app.component.css won't automatically apply to the wish-list component or any other child components. How to Apply Styles to Child Components: Move the Styles to wish-list.component.css: If the styles are specific to the wish-list component, the best practice is to move them directly to wish-list.component.css. Use a Global Stylesheet: If you want to apply styles globally, you can add them to the styles.css or styles.scss file (or another global stylesheet) which is not scoped to any component. Override Encapsulation (Not recommended in most cases): You can override the encapsulation mode by using the encapsulation property in the component metadata. import { Component, ViewEncapsulation } from '@angular/core'; @Component({ selector: 'app-wish-list', templateUrl: './wish-list.component.html', styleUrls: ['./wish-list.component.css'], encapsulation: ViewEncapsulation.None, // This removes encapsulation }) export class WishListComponent {} Note: Setting ViewEncapsulation.None means the styles will be global, which could cause conflicts with other components. Hope this helps!
@DrTatra
3 ай бұрын
thank you so much
@nouchance
Жыл бұрын
THANKS Envato TUTS!
@riclaq4437
6 ай бұрын
3:07:12 the what now
@JenniferThomas-wz2qu
6 ай бұрын
Thanks for this very detailed tutorial
@atherghuftar1578
6 ай бұрын
thank you, you made it very easy.
@AbhishekMakwana-p1v
Жыл бұрын
absolute best bro
@migueloviedo3625
10 ай бұрын
You truly deserve the $100,000,000. Thank you.
@migueloviedo3625
9 ай бұрын
Sorry, I meant - $100, 000, 000,000.
@firsthomebuyer
Жыл бұрын
Thank you Envato!
@omarwasfi
6 ай бұрын
thanks
@DevGeniusHub1
7 ай бұрын
Nice, good explanation! 👍
@adimardev1550
Жыл бұрын
is this Angular 16?
@KakdeG
11 ай бұрын
👌
@MicheleMoodispaugh
11 ай бұрын
cool video)
@remoonalmaghout9621
10 ай бұрын
Thanks for a really great work!
@BR50Kab
5 ай бұрын
no ng command (not recognized) reinstalled node js but still no ng
@MirageDreamer550
5 ай бұрын
you probably installed currently newest version of node that doesnt support angular. Try installing the version he did.
@BR50Kab
4 ай бұрын
@@MirageDreamer550 Thanks, reinstalled node.js with chocolately and now not only ng is not recognized but npm is also an unknown command i di have a working environment some years ago with a basic pagewith angular in the browser
@BR50Kab
4 ай бұрын
@@MirageDreamer550 Thanks again, found it after several reinstall attempts, linking etc. You HAVE to install with admin privs (elevated) as well and ng will work. Looks like i had a %PATH% issue. Also ran ino the problem that the node version has to be an even number, fnm didnt help but i was able to install using chocolatey
@jaygitonga2026
7 ай бұрын
I am stuck at 1:57:15 . I get this error when trying to use the ngClass directive : NG8002: Can't bind to 'ngClass' since it isn't a known property of 'label'. SOLUTION: In Angular 17 it seems like using ngClass directive in a label causes this unexpected behavior. Anyway , the solution I found requires you to use the class binding directly in labels If you only need to apply a single CSS class conditionally: Anyway, I still push on, Angular looks interesting!
@denindenial
7 ай бұрын
Awesome tutorial! Thank you
@h.t.8812
9 ай бұрын
next roadblock at 17:56 I don't have an app.module.ts file :/ I'll keep going tho, just pretend this didn't happen lol
@sameeryadav40
9 ай бұрын
You are using Angular 17...downgrade to 16
@princechangani5302
8 ай бұрын
@@sameeryadav40 can you specifies which angular extension he is using
@kmonish9119
8 ай бұрын
please do this npm i @angular/cli@16.1.0
@js-fullstack-dev
7 ай бұрын
Why downgrade? Just use "ng new test --standalone false"
@quangle9178
7 ай бұрын
@@js-fullstack-dev or maybe ng new --no-standalone
Пікірлер: 148