Installing Angular CLI
6:39
7 жыл бұрын
Testing Angular 2 in 15min
14:24
7 жыл бұрын
angular2 in 15min
18:22
8 жыл бұрын
SSW Angular 2 Music Store
7:04
8 жыл бұрын
Пікірлер
@jeffarnold96
@jeffarnold96 5 жыл бұрын
try ng --version
@jhonhernandez9210
@jhonhernandez9210 5 жыл бұрын
Deprecated
@krishnachaitanya7349
@krishnachaitanya7349 5 жыл бұрын
ng -v -bash: ng: command not found Please help me in mac. I followed the video, but unable to solve this problem
@duncanhunter9025
@duncanhunter9025 5 жыл бұрын
hi I wish I could helo but debugging your machine from here is a little tricky. I recommend following these steps angular.io/cli Sounds like the npm install did not add the cli or your path was not correctly updated
@spongebob2626
@spongebob2626 5 жыл бұрын
what about: ng: command not found (Mac OS) ??
@duncanhunter9025
@duncanhunter9025 5 жыл бұрын
Vetr hard to debug with so little info I recommend trying stack overflow after doing a free install and removing any old versions
@sajjanm01
@sajjanm01 5 жыл бұрын
i reckon you havent installed nodejs. please do that first
@MayankDubey3
@MayankDubey3 5 жыл бұрын
thanks its really helpful, now i understood angular2, plz upload more angular videos :)
@kiambojyms2196
@kiambojyms2196 5 жыл бұрын
Hey Duncan am stuck I have a navigation menu in a parent component but when I press on a link to a child component.. The navigation menu appears in the top of the child. How will I hide the navigation from the child or make it not appear in the child component. Do you have any video tutorial for that in angular 4. Please help. Its urgent.
@duncanhunter9025
@duncanhunter9025 5 жыл бұрын
Hi Hard to visualise your issue but I am guessing you need to put your menu outside the router outlet on your app module? If you post a like to a github repo I am happy to look
@dredamonsta1
@dredamonsta1 5 жыл бұрын
Hi Duncan I hav installed angular cli 6.2.2 and node 8.12.0. I tried to ng serve and i received "Could not find API compiler-cli" thank you for taking the time to read this any suggestion appreciated.
@duncanhunter9025
@duncanhunter9025 5 жыл бұрын
Hi Very hard to debug remotely. I would suggest trying the following if you do not already have a solution. 1. Make sure you are not installing the project on the root of your machine like your C drive on windows. 2. Uninstall the Angular CLI and reinstall in with npm uninstall @angular/cli Check your global version and npm packages in general to make sure nothing stale is installed with the command npm list -g --depth=0 3. Reinstall Angular CLI 4. Re make the angular project fro scratch in a new folder with ng new YOURAPPNAME
@dredamonsta1
@dredamonsta1 5 жыл бұрын
first thank you for taking the time to reply. I am checking in now the good thing is i have the current lts version of node im going to uninstall and update on progress
@dredamonsta1
@dredamonsta1 5 жыл бұрын
Kinda fixed but I have to use my build at the moment. The issue might be due to older dependencies on my Mac so I am going delete everything and install again
@boicetomlin329
@boicetomlin329 6 жыл бұрын
Do you use one nx workspace for all your projects or is the idea to create a separate nx workspace for each group of projects. For instance if we have fifty clients and we have 3 projects for each client on average is the idea to create one nx workspace for all of these projects or to create fifty workspaces - one for each client.
@duncanhunter9025
@duncanhunter9025 6 жыл бұрын
Great question. Depends on how much code you want to share as there is nothing stopping you doing one per a client. If you do one per a client the build will be simple as it is only three projects but if you will not be able to share code between clients with Nx libs. You would need to make npm packages to share across clients. If you put 150 apps into one workspace then you will have easier code sharing but will have more effort to keep all projects up to date to share dependencies. You will also have more effort on knowing what apps to rebuild and deploy as updating 150 apps will likely need some extra work for the build system. Nx can help with this but it is worth thinking about. As you can see it depends on each situation. What do you think will work for you?
@saisreenivas2227
@saisreenivas2227 6 жыл бұрын
Thank you make all about angular
@Munirs1998
@Munirs1998 6 жыл бұрын
Clarity and to the point. Thank you
@LennyThroughParadise
@LennyThroughParadise 6 жыл бұрын
Lol the boast of rock climbing photo. Seems like a fun guy..
@akashpotdar6841
@akashpotdar6841 6 жыл бұрын
I'm getting permission denial issues. Can you pls help.
@akashpotdar6841
@akashpotdar6841 6 жыл бұрын
Rohit Bhambhani yes. So the directory where npm is written is basically root, we need to change the owner to the preferred user.
@DiegoArango91
@DiegoArango91 6 жыл бұрын
Great, thank you for this!
@arjunk856
@arjunk856 6 жыл бұрын
Event binding and property binding is wrongly shown in figure at 4.07
@duncanhunter7591
@duncanhunter7591 6 жыл бұрын
Hi You are right the arrows should point the other way :) It has been almost two years now since this early into to Angular 2. Wow has the framework come a long way.
@himanshuthakur1621
@himanshuthakur1621 6 жыл бұрын
play.google.com/store/apps/details?id=com.techprocompsoft.angular&hl=en best app for angular very usefull applicaion covers all topics angular 1 angular 2 angular 4
@EdgardoRuotolo
@EdgardoRuotolo 6 жыл бұрын
Error, Help Me! Mac-mini-de-Edgardo:~ edgardoruotolo$ sudo npm -g ls --depth=0; Password: /usr/local/lib ├── @angular/[email protected] └── [email protected] npm ERR! peer dep missing: node-sass@^4.0.0, required by [email protected] npm ERR! invalid: [email protected] /usr/local/lib/node_modules/npm/node_modules/tar/node_modules/minizlib
@ayush612
@ayush612 6 жыл бұрын
Thanks so much sir!!! You really simplified the whole thing!
@abdollahabouchouar124
@abdollahabouchouar124 6 жыл бұрын
Thank you for this helpful introduction
@inframatic
@inframatic 6 жыл бұрын
Im sad to see that this amazing video is only 1 of 4
@duncanhunter7591
@duncanhunter7591 6 жыл бұрын
Hi Thanks for the complement I have been very busy with travel for conferences and Pluralsight and have a bunch of free NDC Videos not listed here if interested in more or on Pluralsight. I will be making more for youtube again soon.
@kenho1701
@kenho1701 6 жыл бұрын
subscribed! Love your video it's straight forward and easy to understand.
@dennisfett
@dennisfett 6 жыл бұрын
Great introductory video!
@AbinashBeheraluckyfm2
@AbinashBeheraluckyfm2 7 жыл бұрын
which package have you installed for "jit" autocomplete?
@duncanhunter7591
@duncanhunter7591 6 жыл бұрын
gist.github.com/duncanhunter/90f04c77304971b94d125ba11a46512d
@jagadishgowda8947
@jagadishgowda8947 7 жыл бұрын
Concepts are explained very nicely! Thank you Duncan.
@abhijitshandilya2528
@abhijitshandilya2528 7 жыл бұрын
Thanks Duncan. Very concise and clear video.
@vincentzhang7211
@vincentzhang7211 7 жыл бұрын
I heard that controller and $scope is gone in Ng2, but how about routing? And do we still have filter, can we still define provider, value and factory on a module? And is the bootstrapping process and digest life-cycle the same?
@duncanhunter7591
@duncanhunter7591 7 жыл бұрын
Hi Angular is now very different. Routing is also different but better. Filters are now called pipes and dependency injection is still a primary piece for managing dependencies but the syntax is different with TypesScript. Digest cycle or change detection is also very different. Hard to compare best to just move forward learning the new things and not get to lost trying to find similarities, then after some trying decide if you like it :)
@vincentzhang7211
@vincentzhang7211 7 жыл бұрын
Good point. Thank you, Duncan.
@DANJUMA9
@DANJUMA9 7 жыл бұрын
Short and Sweet!
@DANJUMA9
@DANJUMA9 7 жыл бұрын
Thank you!!
@gagandeepsharma287
@gagandeepsharma287 7 жыл бұрын
What extension or plugin you are using to get red and green dots on left?
@duncanhunter7591
@duncanhunter7591 7 жыл бұрын
wallabyjs.com/ it is very very good
@gagandeepsharma287
@gagandeepsharma287 7 жыл бұрын
But is not it licensed?
@duncanhunter7591
@duncanhunter7591 7 жыл бұрын
Yup, you need to buy it. Nothing wrong with the open source tools like Karma and Jasmine but I prefer WallabyJS
@CharlieTheWoof
@CharlieTheWoof 7 жыл бұрын
Thanks for introducing me to Wallaby JS.
@TrevorDsouza7
@TrevorDsouza7 7 жыл бұрын
Why don't we put the code for getName() in the constructor itself at @14:19 , wouldn't that do the same thing without the need of an additional function. What am I missing here
@adamwheatley3372
@adamwheatley3372 6 жыл бұрын
Trevor D'souza it means you can reuse the service elswhere, atleast i think? Trying to work it out myself
@Keyakina
@Keyakina 6 жыл бұрын
Seperation of concerns
@knat632
@knat632 7 жыл бұрын
Thank you very much.
@nitinjadhavp9462
@nitinjadhavp9462 7 жыл бұрын
thnaks
@rajkumar-fc2qx
@rajkumar-fc2qx 7 жыл бұрын
When using wallaby with angular component getting shim error - ​​reflect-metadata shim is required when using class decorators​​.
@bxz2501
@bxz2501 7 жыл бұрын
Thank you so much. It is best angluar2 tutorial video I can find on the Internet!
@PrashantSharma-cu4ip
@PrashantSharma-cu4ip 7 жыл бұрын
Thank you for introduction.. easy to understand..
@maheshmane11
@maheshmane11 7 жыл бұрын
went through lot of docs today . But this one is best to start learning. I would like to listen more from your side on angular 2. More scenarios and examples. Thanks a lot for this video.
@awinproductions
@awinproductions 7 жыл бұрын
If I am new to Angular, should I learn Angular 2 right away or should I learn Angular 1 first? I just want to mention that I do not need the particular experience or skills for the sake of a job. I would like to learn for my own sake and for my own convenience. I would like to build better web apps as well as mobile apps with Ionic. Can I safely learn Angular 2 without missing out on anything important?
@TheSatch88
@TheSatch88 7 жыл бұрын
Adrian Holmes sure ... you can start with angular2 ... its defferent
@gaurav4354
@gaurav4354 7 жыл бұрын
Thank you Duncan God Bless you!!
@slurms777
@slurms777 7 жыл бұрын
Key information; brilliantly presented, good stuff
@scorpio9ification
@scorpio9ification 7 жыл бұрын
ist his still relevant to the 2017 angular 2?
@kintarohorowitz
@kintarohorowitz 7 жыл бұрын
dyslexia?
@geonhyeokgo2350
@geonhyeokgo2350 7 жыл бұрын
Thanks, this is very helpful to make basic understanding onto Angular2. Very succinct and clean tutorial!
@svrajput14
@svrajput14 7 жыл бұрын
Thank you so much Ducan. you have explained with ease for newB. Great help !!
@duncanhunter7591
@duncanhunter7591 7 жыл бұрын
my pleasure thanks for watching
@garrickmccaskill9406
@garrickmccaskill9406 7 жыл бұрын
Awesome overview, cheers.
@duncanhunter7591
@duncanhunter7591 7 жыл бұрын
thanks
@yangguangxiadeyun
@yangguangxiadeyun 7 жыл бұрын
the sound is too loud when you shift to the Interview...
@duncanhunter7591
@duncanhunter7591 7 жыл бұрын
Thanks for the feedback I will check for that next time.
@andreme7326
@andreme7326 7 жыл бұрын
Excuse me, are you Australian?
@duncanhunter7591
@duncanhunter7591 7 жыл бұрын
lol yes
@Catinkontti
@Catinkontti 7 жыл бұрын
cool tutorial - thx =)
@onecarwood
@onecarwood 7 жыл бұрын
It seems very confusing to me. I have been trying to learn React and it seems easier to me. I am a total noob though so could you tell me the benefit of one to the other? Are they just different ways?
@sinkingtitanic2965
@sinkingtitanic2965 7 жыл бұрын
You didnt use @Injectable decorator in the service! Also the bootstrap is very fundamental.
@duncanhunter7591
@duncanhunter7591 7 жыл бұрын
You only need @Injectable if your service has injected dependencies. Although you are right the Angular team do say to add it as a best practice even if you do not need it as you may later.
@sinkingtitanic2965
@sinkingtitanic2965 7 жыл бұрын
Duncan Hunter thanks for the clarification.
@romanemul1
@romanemul1 7 жыл бұрын
what i can do in angular which was not already invented in java,php.....? still it seems that angular is trying to reinventing the wheel.
@duncanhunter7591
@duncanhunter7591 7 жыл бұрын
Having worked on several Angular and also server side rendered apps with ASP.NET MVC in the last year. They both have their merits. I find the user experience better on a client-side app with Angular without the page refreshes. I also find that it is easier to make a complex UI with Angular versus the spaghetti code of a lot of custom JavaScript/JQuery. That said I do not mind ASP.NET MVC and traditional server-side rendered HTML as they are often faster to make and are less buggy with less state to manage on the client.