Loading Events

« All Events

  • This event has passed.

zero 2 HERO Angular challenge – virtual

15 August 2018 @ 7:00 pm - 9:00 pm

Hi everyone,

As our community is over 200 members but we never able to get all participants out, I will be releasing a video everyday on how to get started with Angular. Most videos are under 8 minutes as the idea is to teach one small aspect of Angular. The first video is up on the Facebook Group so please join now and get started.

Facebook group:
https://www.facebook.com/groups/uxbridge.developers/

Here is what the video goes through.

In this session we are simply customising the css file and adding some elements to the toolbar.component.html file

toolbar.component.css file
.navbar{position:fixed;top:0;left:0;width:100%;background: #378ff3;height:50px;}
.brand{font-size:30px;font-weight:bold;margin-top:5px;padding:15px 10px 10px 10px;color:#efefef;}
a.nav{padding:10px;font-size:25px;text-decoration: none;color:#efefef;border-left:1px solid #5ea4f3;border-right:1px solid #5ea4f3;}
a.nav:hover{background: #2d79cf;}
a.nav:active{background: #5ea4f3;}

toolbar.component.html file
<div class=”navbar”>
<div class=”container”>
<span class=”brand” (click)=”clickedBrand()”>{{logo}}</span>
<a>Home</a>
<a>Learn Maths</a>
</div>
</div>

Venue

Uxbridge Developers Facebook Group
999 High Street
Uxbridge, GB
+ Google Map