Complete Project | A Complete Implementation of All Basic Concepts | Angular Zero to Hero

Complete Project | A Complete Implementation of All Basic Concepts | Angular Zero to Hero
Building a Complete Angular Application: Exploring and Applying Essential Concepts.
Mastering Angular: Developing a Comprehensive Project with All Basic Concepts.
Unlocking the Power of Angular: Building a Full-Fledged Application with Core Concepts Explained.
Ready to master Angular? This video takes you from ZERO to HERO, building a complete Angular application with ALL the basics!
No more confusing tutorials - follow along as we:
Set up your project: Get your development environment rolling like a pro!
Components & Data Binding: Learn how to structure your app and make it dynamic.
Routing & Navigation: Link your pages seamlessly and create smooth user flows.
Forms & Validation: Capture user input with ease and prevent messy mistakes.
Services & Dependency Injection: Share data and keep your code organized.
Bonus: Dive into pipes, modules, and other cool features!
By the end, you'll have a stunning app under your belt and the confidence to tackle any Angular project. Whether you're a complete beginner or need a refresher, this is your ultimate guide!
Subscribe for more Angular awesomeness!
#angularcompleteapplication #angularforbeginners #learnangular #angularapplication #angularfromscratch #angularproject #angularbeginnerproject #simpleangularprojects #angularzerotohero
A perfect guide for beginners
18. A Complete Project
This video explains about all basic concepts like
Components
Data Binding
Structural and Attribute Directives
Communication between components
Services & Dependency Injection
Life Cycle Hooks with examples
Routing
Forms
HTTP
Pipes
Code is available in the below github repo
github.com/freelancer-surende...
Complete Project | A Complete Implementation of All Basic Concepts | Angular Zero to Hero

[@freiheituberalles5489]

thank you for the series

[@WebTechTalk]

Thank you so much 😊

[@sidharthnookala6188]

​@@WebTechTalkSir I am creating a similar application to thus and I have doubts. I need your help

[@WebTechTalk]

@@sidharthnookala6188 Sure. Please tell me

[@AarthiKarthikkannan]

4:36

[@MandolinSashaank]

This was a very good refresher for me after not working on angular for a few months I almost forgot the core concepts but this video helped a lot. Thanks!

[@WebTechTalk]

Glad it helped!

[@tanyavarshney9931]

As a person having zero knowledge of angular this single video made me learn a lot ...thank youuu

[@WebTechTalk]

Thank you so much 🙏

[@_back_to_the_time_]

Great series of angular for beginners, I found yet. Great work.

[@WebTechTalk]

Thank you very much

[@chiaraalfano2462]

Hey, just wanted to thank you. I'm a beginner in Angular and I've been following your playlists for the past weeks or so. This project has been tremendously helpful and so much fun. Great to put into practise what I learnt in theory and to see it on a website. Just a tip for other people who might find this too fast for them to follow (expecially beginners like me who need more time): decrease the speed of the video to 0.5x :) Thanks again!

[@WebTechTalk]

Thanks for your valuable feedback. Yes I agree this video is a little fast for beginners. I will soon create another video with another complete project. In that I will definitely take care of this speed problem.

[@khushboobansal3979]

I am learning Angular now a days, and your videos really helped me understand the topics like life cycle hooks and template reference variable. Keep up the good work! You said in one of your previous comments that you are planning an Angular-advanced course, I am really looking forward for that :)

[@WebTechTalk]

Happy that you liked the Life Cycle Hooks video and Template Reference variable video. I have already started uploading videos on advanced concepts and interview concepts. You can see in separate playlists. More concepts coming. soon.

[@krishaanne7369]

Nice and fast tutorial! Been looking for a tutorial that works for me, and this is it!! Thanks a lot.

[@WebTechTalk]

Thank you very much :)

[@miguelfonseca186]

Too fast actually... I'd prefer to have a 2 hour video instead of a 30 min video of fast-forward coding... For real.

[@carlparker4057]

Guy, your teaching methods are on high level, please keep it on

[@WebTechTalk]

Sure. Thank you very much

[@coding873]

thank you so much sir for this angular project. its very useful for me thanks again.

[@WebTechTalk]

You are most welcome

[@gandamraviteja7019]

Very good video for the one who have knowledge on angular but not working currently / got break can recollect almost all everything in 34mins Thank you man! Great work

[@WebTechTalk]

Thank you so much

[@di.rodriguez]

Great overview for angular! worked perfectly for me, I just had a small issue related to the ng-bootstrap installation, but it was because of mismatch between my local angular cli version and the angular cli version used by ng-bootstrap which I installed. So for those who learn from this project double check your packages version👍

[@WebTechTalk]

Thank you for your great feedback. Could you please let me know whether you used ng add to install bootstrap, because usually when we use ng add, instead of npm install, the version mismatch problem will not come. So, I am just curious to know the approach you followed.

[@di.rodriguez]

@@WebTechTalk yes, you’re totally right, I normally use npm install because I was not aware about how it works, thank you for explanation

[@Nothoak]

@@WebTechTalk o

[@jayakrishnavemula3198]

Very Helpful and Thank you for your clear Explanation

[@WebTechTalk]

Thank you

[@prity924]

you are really super hero boss. please upload video more on advance angular

[@WebTechTalk]

Here is the playlist of advanced angular concepts kzbin.info/aero/PLoC8Q0moRTSgYzCoo5fklvPT40KQVUorx

[@amalk.g9485]

Great series bro... Superb. Really Helpfull.❤️✨

[@WebTechTalk]

Thank you very much bro ☺️

[@mohanchennareddy2897]

Nice stuff bro, keep rocking ✌️👍👍👍

[@WebTechTalk]

Thank you very much

[@LearnWithNeeraj777]

Value for time ❤️

[@WebTechTalk]

Thank you

[@vishnuchaitanya8682]

Thank you so much Sir, very useful video

[@WebTechTalk]

Thank you very much :)

[@user-gf8le1cc7i]

Thanks for your video. The only thing missing is the implementation of rating posts: submitting data "to the server" and posting them to the list of reviews.

[@WebTechTalk]

Yes. I didn't think about integrating a backend. Soon I will create another application in which I will use some backend.

[@muthukumarvelusamy]

Awesome .Hatsoff!😎

[@WebTechTalk]

Thank you so much 😀

[@anandk3807]

Good video.. The only difficult is You are so much fast in writing code so it is taking time for us to go through the code and practicing it simultaneously..... Hoping to have many more like this..😘😍

[@WebTechTalk]

Sure bro I was actually increasing the speed to decrease the video duration. But I got this feedback from many. So I am not doing that in my recent videos

[@anandk3807]

@@WebTechTalk thanq for reply.. I didn't expect this.. this shows how much u consider ur subscribers ....❤️🥰....Long way to go. God bless u.

[@WebTechTalk]

@@anandk3807 Thank you 😊

[@nageshswamii3770]

I learned a lot from this video, really helpfull ❤

[@WebTechTalk]

Thank you very much

[@Sai-vi2wi]

super video i never seen in the total youtube channel simple and easy project only problem is i know css

[@WebTechTalk]

Thank you very much.

[@calvingaspar7892]

Thank you for sharing this tutorial

[@WebTechTalk]

Thank you 😊

[@chillhub8073]

Man thank you. Learnt so much from you.

[@WebTechTalk]

Thank you so much 👍

[@hassanejaz8033]

Thanks to share very easy and detailed how to get start with angular

[@WebTechTalk]

Thank you so much 🙏

[@arjun9059]

Really awesome covered all the things

[@WebTechTalk]

Thank you so much

[@zainjahangir296]

great work man

[@WebTechTalk]

Thank you

[@raj14318]

Bhaiya great explanation ❤

[@WebTechTalk]

Thank you very much 🥰

[@aimenazim8898]

sir you made an amazing video. I followed with you and yes i learned a lot. you cover sso many topic in such a small video, but i would like to mention something before using any concept like data binding, interpolation or pipes etc just mention thier name and why are we going to use it so it will help us better understand what we are using and why .... i hope i cleared my point. support from pakistan.

[@WebTechTalk]

Yes sure. I will take care in my future videos. Thanks 👍

[@2GFactFinder]

Excellent.

[@WebTechTalk]

Many thanks!

[@thanu1605]

@WebTechTalk Wonderful channel for learning the frontend technologies. Completed all the videos with the project, Thank you :) Can you do one project in hero to super hero series also?

[@WebTechTalk]

Yes. Super hero series is a mix of many advanced concepts. I will find some use case to cover most of the concepts.

[@nanajikadumula9311]

Can you please explain slowly and do more realtime projects

[@WebTechTalk]

Yes sure. You can see, in my recent videos I have started to explain slowly.

[@tuktuk00794]

Helpful

[@WebTechTalk]

Thanks

[@krishm5116]

Very Goood session 🙂

[@WebTechTalk]

Thanks 🙂

[@user-rs1vi7pc6x]

Thank you

[@WebTechTalk]

Thank you

[@yash_jivrajani]

fabulous..!

[@WebTechTalk]

Thank you :)

[@yash_jivrajani]

@@WebTechTalk can't wait to start the advance and interview questions playlists.. keep uploading more and have a great time!

[@WebTechTalk]

Angular Advanced Concepts: kzbin.info/aero/PLoC8Q0moRTSgYzCoo5fklvPT40KQVUorx Interview concepts in Angular with Explanation: kzbin.info/aero/PLoC8Q0moRTSjG53-besrUtWXeDpmkZRjL

[@yash_jivrajani]

@@WebTechTalk one of the videos is not playing properly can u check the playlist pls.. it's showing random bars on the view

[@WebTechTalk]

May I know which one is not playing

[@ozelharekat571]

thanks

[@WebTechTalk]

You're welcome!

[@dipanshusharma1313]

are you crazy? insane!

[@WebTechTalk]

May I know what made you to think like that?

[@arulsampath7684]

This video is very useful but too much speed to catch up the code. please try to reduce the speed while coding to understand better. Thank you!

[@WebTechTalk]

Sure bro. I agree this video is fast. I will create another complete project tutorial video. I will address this issue in that.

[@rohansaini7637]

It's a great series I just want that json files to use

[@WebTechTalk]

Thank you so much. Here you can get the JSON files. github.com/freelancer-surender/Angular---Zero-to-Hero/tree/master/final-project/src/assets/data

[@ajaypatil3217]

Your efforts are great... But if u explain slowly then it will be more understandable to us..

[@WebTechTalk]

Sure bro. I will definitely create another playlist using Angular 17. I will make sure I speak slowly and also I will not fast forward the coding section.

[@ajaypatil3217]

@@WebTechTalk thank u bro... your explanation is too good

[@vanjamihajlovic1605]

You solved some errors by putting the "?" sign on some places on the code. Can you explain what that does? Great video by the way!

[@WebTechTalk]

This is called optional chaining operator. Assume we have a student object in which we have an age property. If student object is undefined or null, accessing student.age will throw an error. But if we use student?.age, this will evaluate as undefined instead of error. I will create a separate video to explain this and few other null handling use cases.

[@user-ji5om3wj6c]

hello....in bootstrap 5 there is no ratings component and even when i try to fit the movie thumbnail they are not fitting in the flexbox ,,,,I referred the same code of yours!!

[@WebTechTalk]

Thumbnail issue can be solved by adjusting the CSS. Like adding a width and height to the image and adding object fit property. To fix the rating component issue I would like to know the angular version you are using

[@ahmedsamra1320]

thanks for you but you install bootstrap but create styles manualy i think bootstrap can help you styling faster

[@WebTechTalk]

Yes. I always prefer to use my own CSS. But I install bootstrap just to show how we can include that in the angular application.

[@kandinagireddy]

I am new for your tutorial. Which playlist i need to follow and learn complete Angular Tutorial 🤟

[@WebTechTalk]

Please start with Angular Zero to Hero playlist and then move to Angular Hero to Superhero. This video is the last video in the Angular Zero to Hero playlist which explains a complete project using all basic concepts from previous videos.

[@mohamedwiem4965]

Hello Sir, I would like to inquire about the best practices for an Angular developer. Is it advisable to use custom CSS, or Tailwind CSS and Bootstrap(which is better)? Additionally, for UI libraries, which is preferable among Material UI, ng-bootstrap, ngx-bootstrap, and Nebular? Your guidance would be appreciated. Thank you!

[@WebTechTalk]

Custom CSS is always better so that we will have good control. But if you need to use UI components like modal, accordion, pagination, etc, it is always good to use libraries. I have used bootstrap but Material is also good. Both have different styles.

[@mohamedwiem4965]

@@WebTechTalk Thank You ! Bootstrap includes also js not only css.Is that a good practice for Angular ?

[@Allef_Amarante]

I am getting a dependency conflict error, when I go to install np/bootstrap/ngbModule (angular 14)...u can help me?

[@WebTechTalk]

You can try deleting your node modules folder, package lock JSON and do npm install. For installing bootstrap you can use schematics. You can check my other video on how to install bootstrap

[@prathyushatirri9262]

Can u help me in creating json file.. I tried but I didn't understand how c U created that one

[@WebTechTalk]

If you are facing any particular issue, please let me know. In the mean time, if you want the JSON files I have used, you can get it from this place. github.com/freelancer-surender/Angular---Zero-to-Hero/tree/master/final-project/src/assets/data

[@Kaviyamalya]

hi I have used .sr-only { display: none !important; } this in style.css but the text near the rating symbol is not disappearing any solution?

[@WebTechTalk]

Please check whether any class name has been changed in the version of library you are using. You can also compare your code with mine. github.com/freelancer-surender/Angular---Zero-to-Hero/tree/master/final-project

[@Kaviyamalya]

@@WebTechTalk thanks will check

[@rohit6987]

the css changes for home component to dispaly are not working as shown. The items are coming out of 70% block.

[@WebTechTalk]

Here is my code. github.com/freelancer-surender/Angular---Zero-to-Hero/tree/master/final-project Please compare your code with this.

[@sarathchandran691]

Can you please do a project based on database Eg: Function() { .......... detailarray: [{ .................. requestid:(spid) ............. ....... }}

[@WebTechTalk]

Sorry I didn't understand your requirement fully. But if you like to see some interactions between frontend and backend, I have created another video on integrating firebase backend with Angular

[@JoeDavid-kt9hd]

Hi, the video is awesome and helpful.. I am facing this errer, Anyone could you please help here? NG2: Type 'Event' is not assignable to type 'string'. [plugin angular-compiler]

[@WebTechTalk]

Thank you. The error seems to be a typescript error. Changing the type to any can fix the issue. I believe this should be coming in the place where you are using event emitting using @output.

[@aryandennis9683]

What extension do you use in vsc at 4:28

[@WebTechTalk]

It is not an extension. It is a keyboard shortcut for VSCode. You can try using Ctrl + Shift + Down Arrow, that will copy the line and paste it down.

[@Geeky_Gamer0]

Getting these error while creating a routing can you please help? Type '{ path: string; Component: typeof LoginComponent; }' is not assignable to type 'Route'. Object literal may only specify known properties, but 'Component' does not exist in type 'Route'.

[@WebTechTalk]

Some problem in your route. Please send your routes array code

[@nagasaikoduru7403]

How do I get json files code you added in assets/data folder

[@WebTechTalk]

You can get it from this repo. github.com/freelancer-surender/Angular---Zero-to-Hero/tree/master/final-project/src/assets/data

[@thefront5871]

Why are you using pixels in your sizes? Absolutes won't auto-resize when you resize the browser window or on different devices that your users might access your site on.

[@WebTechTalk]

I agree. This one I have created to explain the angular concepts. So I didn't concentrate much on CSS. But in real time projects I always use relative units.

[@uday-tv4re]

when we minimize the page size then page didn"t come properly can you please tell me how to make page responsive means what ever the size we give give for that size the page page has to adjust.

[@WebTechTalk]

Yes responsiveness was not handled in this code. You can use media queries to achieve responsiveness.

[@ajaykadam4544]

learned alot things but speed is too much when implementing codes

[@WebTechTalk]

Yes bro. I have fast forwarded the coding part. That was my mistake.

[@moshemaman-ss5cd]

wow bro you realy need to slow down the video really hard to fallow you : )

[@WebTechTalk]

Yes bro. This is one of my old videos. I think I have improved in this. You can check one of my recent videos.

[@saitejareddyyeldandi4810]

Facing issue when adding adding heart symbol from stack blitz. Not sure what mistake i did.

[@WebTechTalk]

May be version mismatch of the rating library

[@mozhganmoghaddam]

Thanks for your explanation , but unfortunatlly this is not a Responsive Web Design.

[@WebTechTalk]

Yes. Actually, I want to focus on the angular concepts and so I didn't give preference to the responsiveness.

[@bharathkasyap]

Is this example is working on mobile view ? Like Is it responsive ?? If not how to make it responsive could you let me know??

[@WebTechTalk]

Actually I haven't paid attention to responsiveness in this video because Angular is the main thing I wanted to concentrate. But to make it responsive, we can use media query, like how we use in regular RWD.

[@bharathkasyap]

@@WebTechTalk thank you so much I'll try those things thanks for the reply 👏👏 awesome video keep the good work

[@WebTechTalk]

@@bharathkasyap Thank you

[@inthishaik4976]

Sir u teach very well 😍but we need code related to final project because u teach very fast sir.. Sir please share code sir🙏🏼

[@inthishaik4976]

Please reply sir because I have project on angular so please share code sir

[@WebTechTalk]

Yes. I am trying to slow down

[@WebTechTalk]

github.com/freelancer-surender/Angular---Zero-to-Hero/tree/master/final-project/

[@nelisamandla4008]

I've added the Json file but i'm not getting the movies? what might be the problem?

[@WebTechTalk]

Are you seeing any errors in the console? You can also compare your code with mine which is available in the GitHub repo.

[@nelisamandla4008]

@@WebTechTalk I'm sorted thanks.

[@WebTechTalk]

@@nelisamandla4008 Nice

[@ehteerk]

Can you please add the extensions that you use too

[@WebTechTalk]

Currently I am using these two extensions. Angular Language Service Prettier - Code formatter For some of the features like bracket pair colorizer, etc, nowadays got integrated in VSCode itself.

[@imkhushi_09]

I have followed each n every step of this vedio..but 5:18 i am not getting any result on the local host..the screen is blank...no errors in the code as well...but the result is not displaying on the screen ??? Can anyone help?

[@WebTechTalk]

Are you not seeing the message "login works!"?

[@casualnerdingyt]

where do you get the font urls?

[@WebTechTalk]

I always use google fonts. Check fonts.google.com

[@tat1660]

why i can t see the project in localhost?? any idea? thank you! btw my version is 17

[@WebTechTalk]

In angular 17, have you used the --no-standalone flag to generate the application? Please check whether you are seeing any errors in your browser console

[@tat1660]

@@WebTechTalk thank you 😊

[@L-Surya]

At 18:54 (command npm I @ng-bootstrap/ng bootstarp) showing error can u reply fast

[@WebTechTalk]

ng add @ng-bootstrap/ng-bootstrap Try this command.

[@L-Surya]

Tried that command too but again showing error npm error! And showing packages installation failed

[@kunalpawar8446]

hello sir, why you not using bootstrap

[@WebTechTalk]

Nothing like that. Always custom css is better when we are not going to use any library specific components like accordion, panel, tabs, etc.

[@sagarnale6992]

Hi, How to stop ng serve temporary. Ctrl+C not working double or multiple times

[@WebTechTalk]

Ctrl + c should work. Otherwise you have to close the terminal and use a new terminal in vscode. Or close the command prompt and use a new one.

[@sagarnale6992]

@@WebTechTalk thank you ❤️

[@relaxingstation8306]

Can I use that json file in Mongodb and how? Please reply immediately

[@WebTechTalk]

Sorry I have not used MongoDB so far. But JSON is a standard format and so there should be an option to use.

[@relaxingstation8306]

@@WebTechTalk thank you for replying

[@senthamarai_kannan.]

can you do this in tamil as crash course

[@WebTechTalk]

Initially I put the same content in Tamil. Later I created a separate channel for Tamil content. But now-a-days I am concentrating only on this English channel.

[@aimenazim8898]

files in this tutorial are auto-importing imm stuck in this i have to import them by myself one by one. Is it some kindof extension or some modification in setings do anybody have knowledge................... plz help me.................

[@WebTechTalk]

I don't remember installing any special extension for this. In case you stuck, you can place your cursor on the error and press ctrl and dot together. It will suggest imports. And you can also refer my code which is present in the git. github.com/freelancer-surender/Angular---Zero-to-Hero/tree/master/final-project

[@aimenazim8898]

@@WebTechTalk thanks sir for replying, when im importing (private router: Router) in my constructor im expecting it to auto-import the library on the top of my ts file because otherwise i have to do it on my own which is problematic becoz it may cause a lot of errors as i am new.

[@WebTechTalk]

@@aimenazim8898 sometimes auto import is more problematic. In the same example you have given, sometimes auto import, import it from express package instead of @angular/router package.

[@aimenazim8898]

@@WebTechTalk ok thanku sir... very kind of you

[@user-bk2rz3pq9e]

can u share the data folder here

[@WebTechTalk]

github.com/freelancer-surender/Angular---Zero-to-Hero/tree/master/final-project/src/assets/data

[@kmahendra6691]

where is the json folder please give us

[@WebTechTalk]

github.com/freelancer-surender/Angular---Zero-to-Hero/tree/master/final-project/src/assets/data

[@prajwalshah4663]

from where can i get the json data that you have created

[@WebTechTalk]

You can get it from this path: github.com/freelancer-surender/Angular---Zero-to-Hero/tree/master/final-project/src/assets/data

[@tejalsoni6830]

Rating will not show on a screen plz solve the problem

[@WebTechTalk]

Are you getting any errors? You can also compare your code with mine. My code is available in the GIT repo.

[@swetasharma5022]

how do i get the json file?

[@WebTechTalk]

You can get it from here github.com/freelancer-surender/Angular---Zero-to-Hero/tree/master/final-project/src/assets/data

[@AviatorBro]

done till 16:25

[@WebTechTalk]

You will complete it

[@kenCapt8]

Good Video but you are so fast

[@WebTechTalk]

Yes I fast forwarded some coding part to reduce the overall video duration. I did a mistake there. I will take care in future videos

[@kenCapt8]

@@WebTechTalk Thanks bro you do that man wow you are an amazing Teacher you have great content keep it up

[@WebTechTalk]

@@kenCapt8 Thank you very much bro

[@ahmetyilmaz3896]

damn amazing video but toooooooo fast :(

[@WebTechTalk]

Yes. Sorry about that. Now-a-days I am improving on that part.

[@mukulbawane8863]

Video is little bit of slow, you should have make more fast actually.

[@mukulbawane8863]

For better understanding

[@WebTechTalk]

Are you sure? Many people are saying I am little fast and they are asking me to slow down.

[@mukulbawane8863]

Actually you have made very good project thanks a lot for the guidance.

[@hhcdghjjgsdrt235]

15:54

[@WebTechTalk]

?

[@hhcdghjjgsdrt235]

@@WebTechTalk its for me. ill start from here. 😅 thank you for the tutorial

[@WebTechTalk]

@@hhcdghjjgsdrt235 nice 🙂

[@MANISH-tn9sr]

From where you borrow images

[@WebTechTalk]

I just got these movie thumbnail images from google. But you can use pexels.com in case you need copyright free good images.

[@MANISH-tn9sr]

@@WebTechTalk unable use (install) npm i @ng-bootstrap/ng-bootstrap . Can you help me

[@WebTechTalk]

@@MANISH-tn9sr please try "ng add @ng-bootstrap/ng-bootstrap"

[@MANISH-tn9sr]

@@WebTechTalk doesn't works

[@WebTechTalk]

@@MANISH-tn9sr any error?

[@hexadecimalhexadecimal5241]

Great vid Sir!!! quick question how can we make this mobile responsive? can we jsut add media queries to the specific component or media queries in global scss file? Thank you!!

[@WebTechTalk]

For css in global scss, you can apply media queries there and for individual components you can use media queries in the same component itself. And in SCSS, media query implementation is very simple.

[@hexadecimalhexadecimal5241]

Thanks!

[@sambasivarao3392]

Thanks for tutorials but you are very fast so that becoming hard to understand, can you please consider this.

[@WebTechTalk]

Yes. In my initial days I was very fast, especially in this complete angular project tutorial video. I want to cover everything in a short time. Requesting to see any of my recent videos.

[@sambasivarao3392]

@@WebTechTalk Sure, thank you

[@Jamesk6941]

Please explain more slowly

[@WebTechTalk]

Sure. I agree this video is too fast. In my recent videos I think I am improving on this

[@36_mohmdshaskt77]

Is this in Java ??

[@WebTechTalk]

No bro. This is Angular. Frontend technology. No backend used.

[@subashreddy2848]

Bro routing from home to movie is not working for me

[@WebTechTalk]

Any error you are getting bro? Please compare your routing module file with mine.

[@subashreddy2848]

​@@WebTechTalk thanks for the reply it's working properly ❤

[@WebTechTalk]

@@subashreddy2848 Nice to hear

[@adeelnazir2579]

Which version of this Angular?

[@WebTechTalk]

Angular 11

[@adeelnazir2579]

@@WebTechTalk Thanks for your reply, i need to learn the latest version of Angular 13 or 14, So I can start from angular 11? if you have the latest angular version video please share with me a link.

[@WebTechTalk]

Version is not a matter. Concepts are same from Angular 2 to 14. You can learn any version and work in the latest version. But Angular is constantly improving something and giving new features in every release. So, it is good to understand what has changed in newer versions. Most people will not upgrade immediately after the release. I know many projects are still using 10.

[@adeelnazir2579]

@@WebTechTalk Thank you so much for your quick reply and for the guidance I am going to start with your video Angular 11!

[@adeelnazir2579]

I need to ask you one last thing Angular js and Angular both are the same? what is the difference between them? i will be thankful to you!

[@jaiyadav484]

the movie thumbnails are too big for me, how can I decrease the size of thumbnail

[@WebTechTalk]

You can adjust the CSS. You can also refer to my code and compare. It is available on GitHub.

[@jaiyadav484]

@@WebTechTalk I tried but I don't understand how to do it. I was able to make it work but still I want to decrease space between heart symbol and the rating value. Can you just tell me this

[@jaiyadav484]

@@WebTechTalk actually your code is making symbols and photos are actually big for my screen

[@WebTechTalk]

Oh, may be you need to apply responsiveness using media queries.

[@jaiyadav484]

@@WebTechTalk I don't understand, can you explain more

[@kmahendra6691]

your coding speed is so high

[@WebTechTalk]

Yes. I was rushing to complete the video in 30 mins.

[@kmahendra6691]

that's why i have stopped watching this @@WebTechTalk

[@WebTechTalk]

@@kmahendra6691 But I think I have have improved myself in this. You can check one of my recent videos

[@kmahendra6691]

wow that's sounds good sure i will check@@WebTechTalk

[@bilaspur_realtors4668]

distort it

[@WebTechTalk]

🙂

[@user-du6pq2sj6j]

This video is not for beginners level

[@WebTechTalk]

Finding difficulty in understanding?

[@saifjuini4427]

baaaaaaad can u slow down damn ,

[@WebTechTalk]

Yes I agree. Sorry about that. This was one of my oldest videos. I got the same feedback. I have worked on that and in my recent videos you can see that.

[@janetcueto1600]

fantastic video ! I am right now having some issues when adding the ngModel for username & password, it keeps giving me this error "Can't bind to 'ngModel' since it isn't a known property of 'input'. I have already imported FormsModule on app.component.ts pls help. (Angular CLI version 16.1.1)

[@WebTechTalk]

It should be imported in the app module not in the app component. You can also compare your code with mine. My code is available in my GitHub repo.

[@gauravsinghrajput5959]

To fast ....its is not 30 mint ...please dont do 2x 3x speed

[@WebTechTalk]

Sure. Will take care in future

[@_._KARTHICK_._CLIPS]

how data it came in with popular movies.json,theatre-movies.json,trending-movies.json

[@WebTechTalk]

I prepared those JSONs so that I can mock the HTTP call