Angular Material Navbar/Toolbar | Angular Routing

  Рет қаралды 150,246

Technophile ProgBox

Technophile ProgBox

4 жыл бұрын

This angular navbar is a reusable component made up on angular material design.
Angular Material Components Used:
- MatIcon
- MatButton
- MatToolbar
Angular Routing is also used.
Complete Code:
Buy Me A Coffee: If you would like to make a small donation to support my channel please buy me a coffee➡️ link below. It's totally voluntary
www.buymeacoffee.com/technophile
Thank you for watching
Like and Subscribe

Пікірлер: 78
@tamhuynh772
@tamhuynh772 2 жыл бұрын
I really like your tutorial because it keeps everything as simple as possible! keep up the good work, sir!
@gnanafernando1995
@gnanafernando1995 2 жыл бұрын
This tutorial is very helpful. I followed your tutorial and built the same one on my computer. Thanks
@jhonhernandez9210
@jhonhernandez9210 3 жыл бұрын
If you get an error, put it this way: import { MatToolbarModule } from '@angular/material/toolbar'; import { MatButtonModule } from '@angular/material/button';
@pablosaltosfree8439
@pablosaltosfree8439 3 жыл бұрын
Perfect, thanks!
@lalithamerugu2313
@lalithamerugu2313 2 жыл бұрын
thanks
@malikinxv2681
@malikinxv2681 2 жыл бұрын
it didnt work for me
@mukhesh1120
@mukhesh1120 2 жыл бұрын
thanks buddy
@muhammadamirul7993
@muhammadamirul7993 Жыл бұрын
Thanks man
@rembautimes8808
@rembautimes8808 3 жыл бұрын
thanks bro, watching this after suffering 6 hrs trying to make it mat toolbar work.
@mukta4689
@mukta4689 2 жыл бұрын
Lol same been doing it since 3 days
@thomasnielsen7466
@thomasnielsen7466 4 жыл бұрын
WARNING: Link contains malware
@ug3469
@ug3469 2 жыл бұрын
Quick , simple, beautiful navbar !!!
@atharvapatil9114
@atharvapatil9114 3 жыл бұрын
need more videos from you bro You teach really well
@robeeeeen
@robeeeeen 4 жыл бұрын
Blissful to see your tutorial, expecting more near future on Angular. And please keep the sound little high. Thanks.
@technophileprogbox5630
@technophileprogbox5630 4 жыл бұрын
Sure
@A1exey_Star
@A1exey_Star 3 жыл бұрын
If your color change not working add to navbar.component.css this import. @import '~@angular/material/prebuilt-themes/indigo-pink.css'
@matiasnoriega1154
@matiasnoriega1154 4 жыл бұрын
Thanks man. Nice work!
@alexandercorralesferrel9615
@alexandercorralesferrel9615 4 жыл бұрын
Thanks it was good explanation right to the point
@gopinanvirat1971
@gopinanvirat1971 4 жыл бұрын
I want more videos from you bro. Nice explanation 👌👌
@jubalprospere4482
@jubalprospere4482 3 жыл бұрын
Clean Video
@-NithyaPriyaN
@-NithyaPriyaN 10 ай бұрын
excellent teaching sir, im very thankful to u.Brilliant keep doing more videos god bless u
@nandohudman4999
@nandohudman4999 2 жыл бұрын
Good video, but I was looking for a navbar responsive that collapse, no luck yet but I will keep looking. thanks
@gabrielgitonga1252
@gabrielgitonga1252 4 жыл бұрын
Awesome job bro. Keep us growing .
@madanmanjhi8724
@madanmanjhi8724 4 жыл бұрын
I like this video........ but please make a complete video........ regarding Header & Footer
@Tanay_Vyas
@Tanay_Vyas 3 жыл бұрын
Am very new to angular. And thank you for the video. AM still not getting the terminology that we refer wrt to files but i need to study more.
@TheFilburt88
@TheFilburt88 2 жыл бұрын
Excellent explanation and it works on the latest angular version. Thanks!
@prakashchandra.archana
@prakashchandra.archana 4 жыл бұрын
thanks bro ! finally I got it
@sangeethamanoharan12
@sangeethamanoharan12 4 жыл бұрын
It's works! Hearty thanks
@timmitchell5973
@timmitchell5973 4 жыл бұрын
Thanks. Good explanation.
@mukta4689
@mukta4689 2 жыл бұрын
Actual coding starts from 5:15
@diqdaq.
@diqdaq. 3 жыл бұрын
Really good and fast tutorial bro
@DebasmitSamal294
@DebasmitSamal294 4 жыл бұрын
Really good one. But having some sound issue. But Liked the way you explained.
@omkardehankar9523
@omkardehankar9523 Жыл бұрын
Very helpful
@breno9138
@breno9138 3 жыл бұрын
Thank you, you helped me a lot
@harshalgarg1676
@harshalgarg1676 11 күн бұрын
Thanks a lot
@rishabhverma4735
@rishabhverma4735 Жыл бұрын
Nice teaching bto please make more of these. Thankyou bro
@muthurandom
@muthurandom 4 жыл бұрын
Really good one !!!! except the voice recording.
@shikharsingh4162
@shikharsingh4162 4 жыл бұрын
good explanation with beautiful voice.
@kushalbaldev8490
@kushalbaldev8490 3 жыл бұрын
😂
@omkardehankar9523
@omkardehankar9523 Жыл бұрын
Best video ever
@sergeymigel4680
@sergeymigel4680 Жыл бұрын
thank you! good example!
@thiagofelipe4998
@thiagofelipe4998 3 жыл бұрын
Hello my friend, i loved the content of the video, thanks for posting it
@inox127
@inox127 4 жыл бұрын
Nice ! but what about the responsivity ?
@vidyasagargaikwad1268
@vidyasagargaikwad1268 3 жыл бұрын
Can we use both bootstrap and angular material together please reply...
@Laburyy
@Laburyy 2 жыл бұрын
I got a Question about the blue backgroundcolor. i did everything like you, but my navigationbar is still in a white background. how do i change it ?
@somamoitra4258
@somamoitra4258 11 ай бұрын
Awesome tutorial
@lyonoconner448
@lyonoconner448 3 жыл бұрын
good, and responsive ?
@satcreation1281
@satcreation1281 Жыл бұрын
super bro
@sneharaut1095
@sneharaut1095 3 жыл бұрын
Thank u
@marlonmartins23
@marlonmartins23 4 жыл бұрын
could you create a simple website using angular?
@asyncworld-asyncmatter2880
@asyncworld-asyncmatter2880 3 жыл бұрын
But what about response of buttons. How to redirect to anather page clicking that menu button.. it's not working with 'routerLink'
@archanakurup6158
@archanakurup6158 4 жыл бұрын
How to set the Navigation header in the center of Navigation bar?
@dnyaneshderkar02
@dnyaneshderkar02 2 жыл бұрын
Ya i am really helpful this video , can you please explain heder fille this Home , service, project component fix How is it done?
@Videoguy64
@Videoguy64 4 жыл бұрын
Are you next to a waterfall lol!
@janonega6730
@janonega6730 4 жыл бұрын
good!
@SuperJamal007
@SuperJamal007 4 жыл бұрын
Thankyou
@manohar3626
@manohar3626 2 жыл бұрын
GOOD video but does it works on web responsive this is my doubt
@Srinithiraj
@Srinithiraj 2 жыл бұрын
Awesome :)
@saptanilchowdhury1851
@saptanilchowdhury1851 Жыл бұрын
I have tried this code but not getting anything in output screen
@pushpakchintu656
@pushpakchintu656 Жыл бұрын
Supr❤️❤️❤️❤️❤️
@maheshabi8174
@maheshabi8174 3 жыл бұрын
Bro.. I couldn't style my nav bar. The navbar css file doesn't make any changes.. Flex: 1 1 auto is not working.. Help me
@msainikitha
@msainikitha 2 жыл бұрын
can i get the source code for this?
@nickmgn5532
@nickmgn5532 4 жыл бұрын
why do we need this noise on background ?
@akashjitnayak6947
@akashjitnayak6947 4 жыл бұрын
is this responsive?
@billalkebbi4895
@billalkebbi4895 3 жыл бұрын
hello the link for the code don't work ! :/
@Daniel-nb3kk
@Daniel-nb3kk 3 жыл бұрын
Be careful, the CIA might still find you despite the voice changer. Making toolbars and buttons in Angular is a risky deal. Just joking. :)
@expertreviews1112
@expertreviews1112 2 жыл бұрын
Stop video Ibrahim! Your volume is a little low but content is superb!!
@bCool-sl5cy
@bCool-sl5cy 4 жыл бұрын
The voice!!! Are you using the "speaking tom" app to change your voice? Your voice couldn't be that bad!
@saptanilchowdhury1851
@saptanilchowdhury1851 Жыл бұрын
also no error is there
@official_vishal03
@official_vishal03 Жыл бұрын
sir tutorial is good but can you increase your voice
@pushpakchintu656
@pushpakchintu656 Жыл бұрын
Where is routing video bro
@varungupta6412
@varungupta6412 2 жыл бұрын
Your video's sound is low. I could barely hear it
@rishisharma4921
@rishisharma4921 3 жыл бұрын
Is this responsive or not
@manohar3626
@manohar3626 2 жыл бұрын
i don't think so since there were no BS traces
@saloni8581
@saloni8581 2 жыл бұрын
where is your voice?
@thedarck131
@thedarck131 3 жыл бұрын
No Responsive? no Party
@arnabbasu4514
@arnabbasu4514 Жыл бұрын
This is not responsive designing
@Samtom786
@Samtom786 3 жыл бұрын
your link downloading malware - correct it before you get defame.
Create a Responsive Sidebar Menu with Angular Material
12:18
Zoaib Khan
Рет қаралды 88 М.
НЫСАНА КОНЦЕРТ 2024
2:26:34
Нысана театры
Рет қаралды 1,4 МЛН
Angular 9   Flex Layout   Getting started with FxLayout and Angular Material
16:23
My opinion on Angular 18 & React 19
9:47
Maximilian Schwarzmüller
Рет қаралды 53 М.
The Heart of React || How React works under the hood
10:32
AI Bruise
Рет қаралды 17 М.
Create a RESPONSIVE NAVBAR with sidebar animation (CSS ONLY)
14:56
Learn Angular Material - Full Tutorial
3:03:49
freeCodeCamp.org
Рет қаралды 414 М.
programming projects that taught me how to code
9:49
isak
Рет қаралды 280 М.
Customizing Angular Material just got easier in v18!
14:12
Zoaib Khan
Рет қаралды 9 М.
Angular Material | Navigation Bar | Angular 8
12:35
Rajan Dubey
Рет қаралды 18 М.
НЫСАНА КОНЦЕРТ 2024
2:26:34
Нысана театры
Рет қаралды 1,4 МЛН