Quick note folks- the angular 17 automatically creates a standalone project and won't have a app.module.ts file. If you want the app.module.ts file then create the project with the following command: ng new "app-name" --no-standalone That will generate the module based project.
He is a legend, he covered alot of concepts in a crash course. This quality of informat is what is needed. I look forward for more advanced angular courses
Excellent Intro. All my "but why?" questions were answered where I would ask them. Team Angular should take note. This is how a good tutorial about Angular should look like.
i am already at min 30 of the video and i can say you are doing a great tutorial, i watched several tutorials and all wanted to just give a result, so the learner becomes happy, you giving a lot of essential explanations. thanks for the tutorial
I just started a new project 2 weeks ago on springboot and was thinking about implementing angular for the front end and this is just amazing. Thank you so much
Wow, that Angular Tutorial for Beginners is amazing! 🤩 I just completed the 3-hour course, and it's hands down one of the best learning experiences I've had. The explanations are clear, the examples are practical, and I feel confident in my newfound Angular skills. Highly recommended for anyone starting with Angular! 👍
It's really great tutorial for beginner and who trying to learn from Java background like me. as the way you compared spring and angular its really helped to understand the concept & helped to relate easily. But the only challenge is to understand the SYNTAX. If Possible pls make a shorts/video how to relate the JAVA vs TS syntaxes. Once again thanks for sharing your knowledge with us.
I really dont comment much. But this tutorial is truly valuable and beginner friendly. there is cut to cut explanation with example. and most of the basic building blocks are covered here. I will really love to watch advance concept too in your future videos or maybe a projrct in angular. Conclusion: This tutorial is way better than most of the angular tuts on utube. I do recommend to take notes about whatever sir is explaining it will help a lot for revision and for interview point of view too. Thanks for this tutorial. As i said before would love to watch such content in future from u.
@@andilesimelane4771 yup my previous workplace also had their app using spring mvc and angular. But I'm working on a spring boot angular personal project separately
Thank you man for your work. I enjoyed the video a lot. Just two corrections: 1) sometimes you mix the words "array" and "table", also 2) a js object is not JSON as sometimes you use it incorrectly. Otherwise great work. :)
Thank you so much Mr Bouali, it was great again. But if I understand the course reviewing Angular 16, since Angular 18 are some not essential changes who must be applied to Your source code to make it working. So, any way it was good way to learn Angular framework.
Thank you very much for your tutorial. I'm a Java-Developer and try to expand my horizons, so I learn Angular, cause it's very often used in my region. My goal: Mastering your 12hour Tutorial and bring Spring Boot and Angular together. 🙂 My question: At 2h38min you're concatinating the urlString and I don't get, why you're doing it with these $-variables an not just like: const productUrl: string = this.baseUrl + "products?limit=" + limit; What's the reason for creating these variables?
Seems to be missing the imports on a few components. For example, I had to import RouterLink into the menu component which was not mentioned in the video.
Just an update if anyone create new project with ng new project , then no app.module.ts and routing module file will be created, instead config.ts will be generated which is considered as a standalone project. kindly use below command to create new project which would have routing and module file ng new my-app --no-standalone --routing --ssr=false
thx, plz create more angular videos and create a full spa using angular where you teach us how to upload file / image video / gallery using api in admin panel and assign category --> child parent relation
Would you recommend this video if I don't have any knowledge in TypeScript? (I have a strong understanding of Java, so I know programming fundamentals)
hey it will be useful if u reply i cant find any app modules and someother minor things as in ur video plus main.ts is also different from urs please tell me why thanks
1. July 24th 2024 : I was here on . ✅ 2. July 25th 2024 : Completed 1st Exercise ✅✅ 3. July 30th 2024 : Services & Injection ✅✅✅ 4. August 1st 2024 : Api Calling, Router 🔗 & Completed ✅✅✅✅
it'll be more easier to follow along if you dropped the github repo, now i am just strting and you said you created a form and styled it, how did you create it i do not know, assuming there was a github sebi i for don go copy and paste am. now i will have to do it on my own
I keep getting an error "'git' is not recognized as an internal or external command, operable program or batch file." on command when trying to create the angular project, does anyone know how to fix this?
Join the Micro Services course waiting list and get and get an exclusive EARLY-BIRD discount
aliboucoding.ck.page/d0f9317e13
Quick note folks- the angular 17 automatically creates a standalone project and won't have a app.module.ts file. If you want the app.module.ts file then create the project with the following command:
ng new "app-name" --no-standalone
That will generate the module based project.
thank you so much
Hi, thank you, sir. But, what is the difference between standalone and no-standalone? O.o
@@lelandaure angular are going to remove module. Standalone is default setting when u gen a component because it's simple
He is a legend, he covered alot of concepts in a crash course. This quality of informat is what is needed. I look forward for more advanced angular courses
Happy you liked it!
This is the best angular course on UA-cam. No fluffs, just straight to the point. Thank you so much Mr Bouali
Excellent Intro. All my "but why?" questions were answered where I would ask them. Team Angular should take note. This is how a good tutorial about Angular should look like.
Glad you liked it!
i am already at min 30 of the video and i can say you are doing a great tutorial, i watched several tutorials and all wanted to just give a result, so the learner becomes happy, you giving a lot of essential explanations. thanks for the tutorial
Great to hear!
One of the best tutorials for beginners! Everything is explained in a very simple way and it's easy to follow and understand.
Happy you liked it!
This straight 3 hours plus with you was amazing, clear and full of knowledge. Thanks a lot sir!!!
Glad you liked it!
I would like to learn RxJS and NgRx from you because you explain things very very well. Thank you for this course
Sure, will do that
Waiting for your High quality videos
41:35 -----> 1:33:23 -----> 1:43:32 -----> 1:50:39 ----> 2:11:44 -----> 2:24:09 -----> 2:47:25 -----> 3:03:01
As a new in Angular I want to say you a BIG THANK YOU!
I just started a new project 2 weeks ago on springboot and was thinking about implementing angular for the front end and this is just amazing. Thank you so much
Sounds great!
Happy you liked it!
Wow, that Angular Tutorial for Beginners is amazing! 🤩 I just completed the 3-hour course, and it's hands down one of the best learning experiences I've had. The explanations are clear, the examples are practical, and I feel confident in my newfound Angular skills. Highly recommended for anyone starting with Angular! 👍
Glad it was helpful!
I've just come across this video and I found it very useful. Thank you!
You're very welcome!
Danke schön für diese gute Erklärung und die Kanale
Best Angular scratch course ever! Thank you so much!
This is amazing course that covers all basic topics. Huge Respect ❤
Thanks for the tutorial, nicely done! Now it's easier for me to understand the documentation and do my own project.
Glad it helped!
thank you very much about this amazing course
This is amazing tutorial for the any one starting with Angular, worth spending 3 hours, no waffling true knowledge transfer every minute. Thanks
Glad it was helpful!
my first Angular project. thanks, appreciate your effort.
Glad you think so!
It's really great tutorial for beginner and who trying to learn from Java background like me. as the way you compared spring and angular its really helped to understand the concept & helped to relate easily. But the only challenge is to understand the SYNTAX. If Possible pls make a shorts/video how to relate the JAVA vs TS syntaxes. Once again thanks for sharing your knowledge with us.
You're very welcome!
I really dont comment much. But this tutorial is truly valuable and beginner friendly. there is cut to cut explanation with example. and most of the basic building blocks are covered here. I will really love to watch advance concept too in your future videos or maybe a projrct in angular. Conclusion: This tutorial is way better than most of the angular tuts on utube. I do recommend to take notes about whatever sir is explaining it will help a lot for revision and for interview point of view too. Thanks for this tutorial. As i said before would love to watch such content in future from u.
I really appreciate your feedback.
check the book social network playlist for a complete angular application
What extenstion are you using to autocomplete the angular code for instance 2:40:40 you you code automatically change the Observeable to ?
Man I was just making an app with java and angular thank you sooo much timing couldn’t have been any better
That means i m on the right path. If i m not the only one
@@andilesimelane4771 yup my previous workplace also had their app using spring mvc and angular.
But I'm working on a spring boot angular personal project separately
Happy you liked it!
Highly recommended for everyone, really amazing explanation with in less time and in simpler way
Happy you liked it!
Thank you so much for the awesome course
Thank you man for your work. I enjoyed the video a lot. Just two corrections: 1) sometimes you mix the words "array" and "table", also 2) a js object is not JSON as sometimes you use it incorrectly. Otherwise great work. :)
this is a valuable course, thank you
Thank you so much Mr Bouali, it was great again. But if I understand the course reviewing Angular 16, since Angular 18 are some not essential changes who must be applied to Your source code to make it working. So, any way it was good way to learn Angular framework.
Amazing tutorial, so much thanks!
You're very welcome!
Your course and tutorial are crisp and clear...
Happy you liked it!
Thank you for this tutorial!
You are so welcome!
Thank you very much for your tutorial. I'm a Java-Developer and try to expand my horizons, so I learn Angular, cause it's very often used in my region. My goal: Mastering your 12hour Tutorial and bring Spring Boot and Angular together. 🙂
My question: At 2h38min you're concatinating the urlString and I don't get, why you're doing it with these $-variables an not just like:
const productUrl: string = this.baseUrl + "products?limit=" + limit;
What's the reason for creating these variables?
Finally an angular video with an accent I can get easily
Happy you liked it!
Seems to be missing the imports on a few components. For example, I had to import RouterLink into the menu component which was not mentioned in the video.
can please , do video about ANGULR for big projects ( archectec , Caching , ...)
This has put a smile on my face. Thank you so much.
I'm so glad!
Man you are a legend. Hat's off
My pleasure
explained well i finished this video in 1 day, can u please make video on html,css,javascript,typescript
good suggestion
new subscriber and good job Alibou! Thanks
You're most welcome!
I appreciate your work, very good Angular course!
Glad to hear that!
Just an update if anyone create new project with ng new project , then no app.module.ts and routing module file will be created, instead config.ts will be generated which is considered as a standalone project. kindly use below command to create new project which would have routing and module file
ng new my-app --no-standalone --routing --ssr=false
Thanks for the update and sharing
@@BoualiAli kindly update angular playlist with more videos and concepts as your way of teaching and explaining is commendable. :)
Thank you!
Very good beginner friendly tutorial
Glad it was helpful!
thx, plz create more angular videos and create a full spa using angular where you teach us how to upload file / image video / gallery using api in admin panel and assign category --> child parent relation
Coming in the next weeks
thx i am waiting@@BoualiAli
Such a helpful tutorial
Summarized and all of the core concepts were covered.
Great video. Thanks a lot.
Glad it was helpful!
Master class
Would you recommend this video if I don't have any knowledge in TypeScript? (I have a strong understanding of Java, so I know programming fundamentals)
yes
I appreciate your hard work ❤
Happy you liked it!
good job bro.
Although Google tried to somewhat sabotage you. I see app module doesn't exist from Angular 17 anymore, but still a very solid video
hey it will be useful if u reply i cant find any app modules and someother minor things as in ur video plus main.ts is also different from urs please tell me why
thanks
Easy to follow along! Thank you!👏🏽
You’re welcome 😊
Thank you Sir such a lovely tutorial , can u please make a Project on Angular + Spring boot + Spring security JWT
Coming soon
I am getting stuck on the json format section.:And my Table is hidden, where exactly is the sorce code, where can we copy it
the link is in the description
very nice course
Your tutorial helped me a lot, thank you!
Glad it helped!
Please create video for Java design patterns
soon
should i check in the server side rendering for this crash course ?
I think its new and not covered in this video
thank you very much ,your brother from Algeria
You are welcome brother
Awsome crash course. Highly recommended ❤
Happy you liked it
Mashaallah Allahuma Barek
Happy you liked it!
Does anyone know where the source code is so we don't need to manually write the HTML/CSS? Great tutorial btw
Great course as usual . Allah yberiklik :)
I'm glad you like it
thank you very much
You are welcome
thanks, @Bouali , which all plugin you have installed in intellij.
The new ui theme from the latest version of intellij
1. July 24th 2024 : I was here on . ✅
2. July 25th 2024 : Completed 1st Exercise ✅✅
3. July 30th 2024 : Services & Injection ✅✅✅
4. August 1st 2024 : Api Calling, Router 🔗 & Completed ✅✅✅✅
Good Job
Lovely tutorial sir. Please do a project or a clone on this so we can learn a lot more real world examples
Sure, great suggestion
good job alibou 😍
Happy you liked it!
Great content as usual!
Happy you liked it!
Nice tutorial!
Thank you! Cheers!
Thank you man, it is so informative! Pleas make a full stack project with nestJs/mangoDB if it is feasible!
Why not
THANK YOU SIR!
You're welcome!
Good Job ❤
Thanks 🔥
Hi sir. How to handle cors issue in Angular?
can you tell us what plugin you use
no plugin, I use the ultimate version
Really good job. We are waiting for Mern stack tuto as ecommerce project hope that it can be soon 😊
Very soon!
it'll be more easier to follow along if you dropped the github repo, now i am just strting and you said you created a form and styled it, how did you create it i do not know, assuming there was a github sebi i for don go copy and paste am. now i will have to do it on my own
The link is in the description
Thank you for the great course, but how can I find the course material ?
in my GitHub repo.
link in the description
@@BoualiAli Thank you
hi, i have question there are no app.module.ts in today version. is that normal
you are using angular 17
really nice tutorial.
Thank you! Cheers!
Mr.Alibouali thank you so much and as you promise me you will make Aws session soon
Yes Soon
very interesting video!
Happy you liked it!
please what is the backend you use ?
I already mentioned that it is a fake backend that you can find online
thank you for the explanation. where can i find the source code of this app ?
In the description
Big fan ❤
Happy to have you here
Hello Sir Hopefully you are doing good. Sir Please start Spring Boot Website Development project complete Series. Please I am waiting
Sure
i do not have .module file on my project is it cause i picked Y for server side rendering
you don't have .module because you are using newer version of angular that came out sometimes in november
good job
I'm glad you like it
Merci 👍🏾
Happy you liked it!
where is the source code.
github.com/ali-bouali/angular-crash-course
great tutorial, where can i find the source code of this app ?
Thank you
Check the video description
.form-container {
max-width: 400px;
margin: auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f7f7f7;
}
h2 {
text-align: center;
}
.form-group {
margin-bottom: center;
}
label {
display: block;
font-weight: bold;
}
input[type="text"],
input[type="email"]
textarea {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
}
button[type="submit"]{
display: block;
margin: auto;
padding: 10px 20px;
background-color: #4caf50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
I had to replay this, 30 times, to capture it. I think that I got it
what is the name of the extension you used, that adds the type automatically
Intellij Ultimate version
I keep getting an error "'git' is not recognized as an internal or external command, operable program or batch file." on command when trying to create the angular project, does anyone know how to fix this?
Install git
Salute
gj and thank u❤
Any time
Is it the same tutorial on udemy ?
Yes
1:540:42
Super
Thanks
Great video , I also made similar video recently
Oh cool
Brother plz creat full angular course
What are you missing in this?