](https://github.com/markusfalk/front-end-cheatsheet/blob/master/pdf/front-end-cheat-sheet.pdf?raw=true)
11 |
12 | * [Download PDF](https://github.com/markusfalk/front-end-cheatsheet/blob/master/pdf/front-end-cheat-sheet.pdf?raw=true)
13 |
14 |
--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | color: #333;
4 | font-family: Helvetica Neue, Helvetica, Arial, FreeSans, sans-serif;
5 | padding: 0;
6 | }
7 |
8 | pre,
9 | code {
10 | background-color: #222;
11 | color: #fff;
12 | padding: 5px;
13 | white-space: pre;
14 | white-space: pre-wrap;
15 | word-break: break-all;
16 | word-wrap: break-word;
17 | -moz-border-radius: 5px;
18 | -webkit-border-radius: 5px;
19 | border-radius: 5px;
20 | line-height: 2;
21 | margin: 0 0 15px 0;
22 | font-size: 12px;
23 | }
24 |
25 | h1 {
26 | margin: 0;
27 | }
28 |
29 | h2 {
30 | margin: 5px 0;
31 | font-size: 22px;
32 | }
33 |
34 | h3 {
35 | color: #222;
36 | font-weight: normal;
37 | font-size: 14px;
38 | margin: 0 0 10px 0;
39 | }
40 |
41 | table {
42 | border-collapse: collapse;
43 | margin: 20px 0;
44 | }
45 |
46 | th,
47 | td {
48 | text-align: left;
49 | border: 1px solid silver;
50 | padding: 5px;
51 | font-size: 12px;
52 | }
53 |
54 | section {
55 | float: left;
56 | height: 800px;
57 | width: 24%;
58 | padding: 0 0.5%;
59 | }
60 |
61 | div {
62 | margin-bottom: 25px;
63 | }
64 |
65 | ul {
66 | padding-left: 20px;
67 | margin: 0 0 5px 0;
68 | }
69 |
70 | li {
71 | font-size: 14px;
72 | line-height: 1.6;
73 | }
74 |
75 | a {
76 | color: steelblue;
77 | }
78 |
79 | .meta h2,
80 | li {
81 | font-size: 12px;
82 | }
83 |
84 | .node h2 {
85 | color: #cc3d33;
86 | }
87 | .node code,
88 | .node pre {
89 | background-color: #cc3d33;
90 | }
91 |
92 | .angular h2 {
93 | color: rgb(25,118,210);
94 | }
95 | .angular code,
96 | .angular pre {
97 | background-color: rgb(25,118,210);
98 | }
99 |
100 | .jasmine h2 {
101 | color: #8a4182;
102 | }
103 | .jasmine code,
104 | .jasmine pre {
105 | background-color: #8a4182;
106 | }
107 |
108 | .jasmine code strong {
109 | color: yellow;
110 | }
111 |
112 | .bower h2 {
113 | color: #543729;
114 | }
115 | .bower code,
116 | .bower pre {
117 | background-color: #543729;
118 | }
119 |
--------------------------------------------------------------------------------
/html/front-end-cheat-sheet.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
15 |
42 | Node
16 | 17 |Search the registry for package
18 |npm s <search term>Install package and save it to package.json
21 |npm i [-g] <package-name>[@semver] [--save[-dev]]Show version(s) of package
24 |npm v <package-name> [--version[s]]Uninstall packages
27 |npm rm <package-name>List packages
30 |npm ls [<package-name>] --depth=0Go to documentation page of package
33 |npm docs <package-name>Go to issue page of package
36 |npm bugs <package-name>List outdated packages
39 |npm outdated [-g]
46 |
78 | Angular 2 CLI
47 | 48 |Generate Component
49 |ng g component <name>Generate Directive
52 |ng g directive <name>Generate Pipe
55 |ng g pipe <name>Generate Service
58 |ng g service <name>Generate Class
61 |ng g class <name>Generate Interface
64 |ng g interface <name>Run application in local server
70 |ng serveCreating a build and change environment
73 |ng build [--e=<name>]Testing your application
76 |ng test | e2e
84 |
105 |
106 | Jasmine
85 | 86 |Matchers
87 |expect(array).toContain(member);
expect(fn).toThrow(string);
expect(fn).toThrowError(string);
expect(instance).toBe(instance);
expect(mixed).toBeDefined();
expect(mixed).toBeFalsy();
expect(mixed).toBeNull();
expect(mixed).toBeTruthy();
expect(mixed).toBeUndefined();
expect(mixed).toEqual(mixed);
expect(mixed).toMatch(pattern);
expect(num).toBeGreaterThan(num);
expect(num).toBeLessThan(num);Syntax
95 |describe("A suite", () => {
96 | beforeEach(() => {
97 | });
98 | afterEach(() => {
99 | });
100 | it("an assertion", () => {
101 | expect(true).toBe(true);
102 | });
103 | });
110 |
117 |
118 |
172 |
173 |
174 |
191 |
192 | Semantic Versioning
111 |-
112 |
- major: incompatible API changes 113 |
- minor: backwards-compatible functionality 114 |
- patch: backwards-compatible bug fixes 115 |
| Version | 120 |Explanation | 121 |
|---|---|
| 1.2.3 | 126 |A specific version | 127 |
| >1.2.3 | 130 |Greater than a specific version | 131 |
| <1.2.3 | 134 |Less than a specific version | 135 |
| >=1.2.3 | 138 |Greater than or equal to | 139 |
| <=1.2.3 | 142 |Less than or equal to | 143 |
| ~1.2.3 | 146 |(>=1.2.3 <1.3.0) close to 1.2.3 | 147 |
| ~1.2 | 150 |(>=1.2.0-0 <1.3.0-0) any version starting with 1.2 | 151 |
| ^1.2.3 | 154 |(>=1.2.3 <2.0.0) compatible with 1.2.3 | 155 |
| ^0.1.3 | 158 |(0.1.3) 0.x.x = unstable | 159 |
| ^1.2 | 162 |(>=1.2.0-0 <2.0.0-0) any version compatible with 1.2 | 163 |
| * | 168 |any version | 169 |