2 |
61 |
62 |
--------------------------------------------------------------------------------
/decorate-angular-cli.js:
--------------------------------------------------------------------------------
1 | /**
2 | * This file decorates the Angular CLI with the Nx CLI to enable features such as computation caching
3 | * and faster execution of tasks.
4 | *
5 | * It does this by:
6 | *
7 | * - Patching the Angular CLI to warn you in case you accidentally use the undecorated ng command.
8 | * - Symlinking the ng to nx command, so all commands run through the Nx CLI
9 | * - Updating the package.json postinstall script to give you control over this script
10 | *
11 | * The Nx CLI decorates the Angular CLI, so the Nx CLI is fully compatible with it.
12 | * Every command you run should work the same when using the Nx CLI, except faster.
13 | *
14 | * Because of symlinking you can still type `ng build/test/lint` in the terminal. The ng command, in this case,
15 | * will point to nx, which will perform optimizations before invoking ng. So the Angular CLI is always invoked.
16 | * The Nx CLI simply does some optimizations before invoking the Angular CLI.
17 | *
18 | * To opt out of this patch:
19 | * - Replace occurrences of nx with ng in your package.json
20 | * - Remove the script from your postinstall script in your package.json
21 | * - Delete and reinstall your node_modules
22 | */
23 |
24 | const fs = require('fs');
25 | const os = require('os');
26 | const cp = require('child_process');
27 | const isWindows = os.platform() === 'win32';
28 | let output;
29 | try {
30 | output = require('@nrwl/workspace').output;
31 | } catch (e) {
32 | console.warn(
33 | 'Angular CLI could not be decorated to enable computation caching. Please ensure @nrwl/workspace is installed.',
34 | );
35 | process.exit(0);
36 | }
37 |
38 | /**
39 | * Symlink of ng to nx, so you can keep using `ng build/test/lint` and still
40 | * invoke the Nx CLI and get the benefits of computation caching.
41 | */
42 | function symlinkNgCLItoNxCLI() {
43 | try {
44 | const ngPath = './node_modules/.bin/ng';
45 | const nxPath = './node_modules/.bin/nx';
46 | if (isWindows) {
47 | /**
48 | * This is the most reliable way to create symlink-like behavior on Windows.
49 | * Such that it works in all shells and works with npx.
50 | */
51 | ['', '.cmd', '.ps1'].forEach((ext) => {
52 | if (fs.existsSync(nxPath + ext)) fs.writeFileSync(ngPath + ext, fs.readFileSync(nxPath + ext));
53 | });
54 | } else {
55 | // If unix-based, symlink
56 | cp.execSync(`ln -sf ./nx ${ngPath}`);
57 | }
58 | } catch (e) {
59 | output.error({ title: 'Unable to create a symlink from the Angular CLI to the Nx CLI:' + e.message });
60 | throw e;
61 | }
62 | }
63 |
64 | try {
65 | symlinkNgCLItoNxCLI();
66 | require('@nrwl/cli/lib/decorate-cli').decorateCli();
67 | output.log({ title: 'Angular CLI has been decorated to enable computation caching.' });
68 | } catch (e) {
69 | output.error({ title: 'Decoration of the Angular CLI did not complete successfully' });
70 | }
71 |
--------------------------------------------------------------------------------
/apps/this-is-learning/src/polyfills.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This file includes polyfills needed by Angular and is loaded before the app.
3 | * You can add your own extra polyfills to this file.
4 | *
5 | * This file is divided into 2 sections:
6 | * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
7 | * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
8 | * file.
9 | *
10 | * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 | * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
12 | * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
13 | *
14 | * Learn more in https://angular.io/guide/browser-support
15 | */
16 |
17 | /***************************************************************************************************
18 | * BROWSER POLYFILLS
19 | */
20 |
21 | /**
22 | * IE11 requires the following for NgClass support on SVG elements
23 | */
24 | // import 'classlist.js'; // Run `npm install --save classlist.js`.
25 |
26 | /**
27 | * Web Animations `@angular/platform-browser/animations`
28 | * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
29 | * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
30 | */
31 | // import 'web-animations-js'; // Run `npm install --save web-animations-js`.
32 |
33 | /**
34 | * By default, zone.js will patch all possible macroTask and DomEvents
35 | * user can disable parts of macroTask/DomEvents patch by setting following flags
36 | * because those flags need to be set before `zone.js` being loaded, and webpack
37 | * will put import in the top of bundle, so user need to create a separate file
38 | * in this directory (for example: zone-flags.ts), and put the following flags
39 | * into that file, and then add the following code before importing zone.js.
40 | * import './zone-flags';
41 | *
42 | * The flags allowed in zone-flags.ts are listed here.
43 | *
44 | * The following flags will work for all browsers.
45 | *
46 | * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
47 | * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
48 | * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
49 | *
50 | * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
51 | * with the following flag, it will bypass `zone.js` patch for IE/Edge
52 | *
53 | * (window as any).__Zone_enable_cross_context_check = true;
54 | *
55 | */
56 |
57 | /***************************************************************************************************
58 | * Zone JS is required by default for Angular itself.
59 | */
60 | import 'zone.js'; // Included with Angular CLI.
61 |
62 | /***************************************************************************************************
63 | * APPLICATION IMPORTS
64 | */
65 |
66 | /***************************************************************************************************
67 | * SCULLY IMPORTS
68 | */
69 | import 'zone.js/dist/task-tracking';
70 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "this-is-learning",
3 | "description": "The This is Learning website.",
4 | "private": true,
5 | "version": "0.0.0",
6 | "license": "MIT",
7 | "scripts": {
8 | "postinstall": "node ./decorate-angular-cli.js && ngcc --properties es2015 browser module main",
9 | "ngcc": "ngcc --first-only --properties es2015 module fesm2015 esm2015 browser main --create-ivy-entry-points",
10 | "ng": "nx",
11 | "nx": "nx",
12 | "start": "nx serve",
13 | "build": "nx build",
14 | "test": "nx test",
15 | "lint": "nx workspace-lint && nx run-many --target=lint --all",
16 | "e2e": "nx e2e this-is-learning-e2e",
17 | "affected:apps": "nx affected:apps",
18 | "affected:libs": "nx affected:libs",
19 | "affected:build": "nx affected:build",
20 | "affected:e2e": "nx affected:e2e",
21 | "affected:test": "nx affected:test",
22 | "affected:lint": "nx workspace-lint && nx affected:lint",
23 | "affected:dep-graph": "nx affected:dep-graph",
24 | "affected": "nx affected",
25 | "format": "nx format:write",
26 | "format:write": "nx format:write",
27 | "format:check": "nx format:check",
28 | "update": "nx migrate latest",
29 | "workspace-generator": "nx workspace-generator",
30 | "dep-graph": "nx dep-graph",
31 | "help": "nx help",
32 | "scully": "scully --noPrompt true",
33 | "scully:serve": "scully serve --noPrompt true"
34 | },
35 | "dependencies": {
36 | "@angular/animations": "^12.0.0",
37 | "@angular/common": "~12.0.0",
38 | "@angular/compiler": "~12.0.0",
39 | "@angular/core": "~12.0.0",
40 | "@angular/forms": "^12.0.0",
41 | "@angular/platform-browser": "~12.0.0",
42 | "@angular/platform-browser-dynamic": "~12.0.0",
43 | "@angular/router": "~12.0.0",
44 | "@fortawesome/fontawesome-free": "^5.15.4",
45 | "@nrwl/angular": "~12.3.5",
46 | "@scullyio/ng-lib": "^1.1.1",
47 | "@scullyio/scully": "^1.1.1",
48 | "i": "^0.3.6",
49 | "rxjs": "~6.6.0",
50 | "tslib": "^2.1.0",
51 | "zone.js": "~0.11.4"
52 | },
53 | "devDependencies": {
54 | "@angular-devkit/build-angular": "~12.0.0",
55 | "@angular-eslint/eslint-plugin": "~12.0.0",
56 | "@angular-eslint/eslint-plugin-template": "~12.0.0",
57 | "@angular-eslint/template-parser": "~12.0.0",
58 | "@angular/cli": "~12.0.0",
59 | "@angular/compiler-cli": "~12.0.0",
60 | "@angular/language-service": "~12.0.0",
61 | "@nrwl/cli": "~12.3.5",
62 | "@nrwl/cypress": "~12.3.5",
63 | "@nrwl/eslint-plugin-nx": "~12.3.5",
64 | "@nrwl/jest": "~12.3.5",
65 | "@nrwl/linter": "~12.3.5",
66 | "@nrwl/nx-cloud": "^12.1.3",
67 | "@nrwl/tao": "~12.3.5",
68 | "@nrwl/workspace": "~12.3.5",
69 | "@schematics/angular": "~12.0.0",
70 | "@types/jest": "~26.0.8",
71 | "@types/node": "^14.14.33",
72 | "@typescript-eslint/eslint-plugin": "~4.19.0",
73 | "@typescript-eslint/parser": "~4.19.0",
74 | "cypress": "^7.3.0",
75 | "dotenv": "~8.2.0",
76 | "eslint": "~7.22.0",
77 | "eslint-config-prettier": "~8.1.0",
78 | "eslint-plugin-cypress": "^2.10.3",
79 | "jest": "~26.2.2",
80 | "jest-preset-angular": "~8.4.0",
81 | "prettier": "~2.2.1",
82 | "ts-jest": "~26.5.5",
83 | "ts-node": "~9.1.1",
84 | "typescript": "~4.2.4"
85 | },
86 | "volta": {
87 | "node": "14.17.0"
88 | }
89 | }
90 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # ThisIsLearning
2 |
3 | This project was generated using [Nx](https://nx.dev).
4 |
5 | 
6 |
34 |
7 |
8 |
17 |
9 | 
10 |
11 |
10 | Lars Gyrup Brink Nielsen
12 |13 | Co-Founder @Thisis_Learning @aarhusjs ✍️ Writer, Speaker, FOSS Maintainer 🏆 Microsoft MVP 🌟 GitHub Star 📗 14 | Author of Accelerating Angular Development with Ivy 15 |
16 |
18 |
25 | This is Learning
19 |Free, open and honest software education.
20 |21 | Inclusive software development publication free from conflict of interest. This publication is all about sharing 22 | software development knowledge for free and not at all about money or KPIs. Cross-posts are welcome. 23 |
24 |
26 |
27 |
33 |
28 | 
29 |
30 |
29 | Santosh Yadav
31 |GoogleDevExpert,github 🌟, OSS Advocate 🥑 @Auth0 Ambassador Co-Founder @Thisis_Learning
32 |
39 |
40 |
42 |
150 |
40 | Free Resources
41 |
42 |
43 |
149 |
44 |
52 |
53 | This is Learning on dev.to
45 | 46 |47 | An open community for content creators in the tech space. Anyone can join, anyone can publish. Join to 48 | cross-post your content for better discoverability or publish unique pieces with our community of writers and 49 | readers. 50 |
51 |
54 |
61 | This is Learning Twitter
55 | 56 |57 | Follow on twitter for Free, open and honest software education. Inclusive software development publication 58 | free from conflict of interest 59 |
60 |
62 |
73 | 63 | 64 | This is Learning Newsletter 66 |
67 | 68 |69 | Subscribe to our newsletter , A newsletter that helps you discover useful content from our catalogue of free, 70 | open, and honest software education. 71 |
72 |
74 |
81 | This is Learning Angular(Twitter)
75 | 76 |77 | Follow on twitter for Free, open and honest Angular education. Inclusive Angular publication free from 78 | conflict of interest. 79 |
80 |
82 |
90 | This is Learning Angular(DEV)
83 | 84 |85 | An open community for content creators in the Angular () ecosystem. Anyone 86 | can join, anyone can publish. Join to cross-post your content for better discoverability or publish unique 87 | pieces with our community of writers and readers. 88 |
89 |
91 |
92 |
93 |
97 |
98 |
105 |
106 |
92 |
93 | 
94 | Fundamentals
95 |
96 |
97 |
98 | 99 | RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or 100 | callback-based code. This project is a rewrite of Reactive-Extensions/RxJS with better performance, better 101 | modularity, better debuggable call stacks, while staying mostly backwards compatible, with some breaking 102 | changes that reduce the API surface 103 |
104 |
107 |
108 |
109 |
113 |
114 |
119 |
108 |
109 | 
NgRx
110 | Essentials
111 |
112 |
113 |
114 | 115 | NgRx Store provides reactive state management for Angular apps inspired by Redux. Unify the events in your 116 | application and derive state using RxJS. 117 |
118 |
120 |
128 | This is Tech Talks
121 | 122 |123 | In this talk show, we will have some awesome developers, talking/sharing some great content from the 124 | programming language they work on. We will discuss new features/tools/changes to the technology you love and 125 | follow. 126 |
127 |
129 |
136 | This is Learning
130 | 131 |132 | Any kind of contribution welcomes ,We appreciate your time and effort to help others to provide free, open and 133 | honest software education. 134 |
135 |
137 |
141 | This is Learning-Discord
138 | 139 |Join Our Discord server for sharing some great content from the programming language.
140 |
142 |
148 |