Jeff Delaney codediodeio

## introrx.md

      
              7 files
            
          
              2517 forks
            
          
              468 comments
            
          
              21896 stars
            
          
                staltz
                / introrx.md
            
            
              Last active
              April 20, 2024 14:15
            
              
                The introduction to Reactive Programming you've been missing
              
          
    The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

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.


## config.js
import * as firebase from 'firebase/app';
import 'firebase/firestore';

var firebaseConfig = {
  // your firebase credentials
};


  // Initialize Firebase
firebase.initializeApp(firebaseConfig);

## LICENSE.txt
            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

## angular-interview-questions.md

      
              1 file
            
          
              12 forks
            
          
              3 comments
            
          
              25 stars
            
          
                amcdnl
                / angular-interview-questions.md
            
            
              Last active
              October 12, 2023 04:56
            
          
    Angular Interview Questions

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


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.


## content-box.component.html
<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>

## index.html
<!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;

## meta-regimen.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              8 stars
            
          
                jdjuan
                / meta-regimen.md
            
            
              Last active
              June 15, 2018 22:32
            
              
                Meta Regimen: How to stick to your habits
              
          
    Meta Regimen

Lessons I've learned throughout the years to keep up with my habits.
1. Motivate Yourself 💪


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


Believe you can
Watch motivational videos


## search-ui.component.html
<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">

## your-component.component.ts
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>
	import * as firebase from 'firebase/app';
	import 'firebase/firestore';

	var firebaseConfig = {
	// your firebase credentials
	};


	// Initialize Firebase
	firebase.initializeApp(firebaseConfig);
	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>
	<!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;
	<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">
	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>