Jeff Delaney codediodeio

Meta Regimen

Lessons I've learned throughout the years to keep up with my habits.

Nothing will make you skip your habits more than the lack of motivation

Some basic questions going from easy to difficult. A more exhaustive list of more questions from the community can be found here.

Whats the difference between components and directives? [ANSWER]: Components are widgets while directives more like decorators for elements and/or components.
How do you get a reference to a child component? [ANSWER]: ViewChild/ViewChildren or ContentChild/ContentChildren
What is the difference between ViewChild and ContentChild?
Whats the difference between NgModules and ES2015 Modules?
How do you lazy load components and why is lazy loading important?
Explain Observables and why they are useful.

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.

	import * as firebase from 'firebase/app';
	import 'firebase/firestore';

	var firebaseConfig = {
	// your firebase credentials
	};


	// Initialize Firebase
	firebase.initializeApp(firebaseConfig);

	<!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 {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>

	<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">

	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

	<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>