(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE | |
Version 2, December 2004 | |
Copyright (C) 2011 Jed Schmidt <http://jed.is> | |
Everyone is permitted to copy and distribute verbatim or modified | |
copies of this license document, and changing it is allowed as long | |
as the name is changed. | |
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
<div id="search-box"> | |
<!-- SearchBox widget will appear here --> | |
</div> | |
<div id="stats"> | |
<!-- stats widget will appear here --> | |
</div> | |
<div id="hits"> | |
<!-- Hits widget will appear here --> | |
</div> | |
<div id="pagination"> |
<div class="box" [@scrollAnimation]="state"> | |
<img src="https://images.pexels.com/photos/37547/suit-business-man-business-man-37547.jpeg?w=1260&h=750&auto=compress&cs=tinysrgb"> | |
</div> |
import {Component, OnDestroy, OnInit} from '@angular/core'; | |
import {User} from './user'; // Assuming you have a class for user ===== | |
import {Subscription} from 'rxjs/Subscription'; | |
import {AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable} from 'angularfire2/database'; | |
@Component({ | |
selector: 'your-component', | |
template: ` | |
<h1>{{ (user | async)?.name }}</h1> | |
<h1>{{ (user | async)?.price }}</h1> |
Some basic questions going from easy to difficult. A more exhaustive list of more questions from the community can be found here.
ViewChild
/ViewChildren
or ContentChild
/ContentChildren
ViewChild
and ContentChild
?NgModules
and ES2015 Modules?<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script> | |
<style> | |
body { | |
text-align: center; | |
display: flex; |
import * as firebase from 'firebase/app'; | |
import 'firebase/firestore'; | |
var firebaseConfig = { | |
// your firebase credentials | |
}; | |
// Initialize Firebase | |
firebase.initializeApp(firebaseConfig); |