-
Notifications
You must be signed in to change notification settings - Fork 21
/
Copy pathREADME.md
153 lines (131 loc) · 7.26 KB
/
README.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
# Full-Stack JavaScript Developer Roadmap
Hello! This list was made by me to assist you in beginning JavaScript development. Links that have been helpful to me along the way are listed in the list below (and can hopefully help you).
## Table of Contents
1. **[Basic Concepts](#basic-concepts)**
1. **[HTML](#html)**
1. **[CSS](#css)**
1. **[JavaScript](#javascript)**
1. **[ES6](#es6)**
1. **[TypeScript](#typescript)**
1. **[React.js](#reactjs)**
1. **[Node.js](#nodejs)**
2. **[Git](#git-and-github)**
3. **[Databases](#databases)**
4. **[Apollo GraphQL](#apollo-graphql)**
5. **[Message Brokers](#message-brokers)**
6. **[Coding Standards](#coding-standards)**
7. **[Knowledge Base](#knowledge-base)**
------------
### Basic Concepts
1. IDE (Integrated Development Environment)
1. VS Code [https://code.visualstudio.com/](https://code.visualstudio.com/)
1. Sublime Text [https://www.sublimetext.com/](https://www.sublimetext.com/)
1. Version Control
1. GitHub - [https://guides.github.com/activities/hello-world/](https://guides.github.com/activities/hello-world/)
1. Concept of Web Server - [https://en.wikipedia.org/wiki/Web_server](https://en.wikipedia.org/wiki/Web_server)
1. You can simply find out video tutorials for the below web servers:
1. XAMPP/WAMP/LAMP
1. IIS (Internet Information Services)
1. Nginx
1. Web Dev Tools
1. Ngrok (Expose a local web server to the internet) - [https://ngrok.com/docs](https://ngrok.com/docs)
1. Postman (API testing) - [https://learning.postman.com/docs/postman/launching-postman/introduction/](https://learning.postman.com/docs/postman/launching-postman/introduction/)
### HTML
1. [https://www.w3schools.com/html/](https://www.w3schools.com/html/)
### CSS
1. [https://www.w3schools.com/css/](https://www.w3schools.com/css/)
### JavaScript
1. [https://javascript.info/](https://javascript.info/)
1. [https://www.learn-js.org/](https://www.learn-js.org/)
1. [https://www.w3schools.com/js/](https://www.w3schools.com/js/)
### ES6
1. [https://www.tutorialspoint.com/es6/](https://www.tutorialspoint.com/es6/)
1. Features - [http://es6-features.org/](http://es6-features.org/)
### TypeScript
1. [https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html)
### React.js
1. **Basic Concepts** - [https://reactjs.org/](https://reactjs.org/docs/getting-started.html)
1. Components
1. Code Splitting
1. Lazy Loading
1. State
1. Props
1. Handlers
1. Hooks
1. Lifting State Up
1. Contexts
1. Providers
1. Consumers
1. HOC (High Order Components)
1. Synthetic Events
1. Useful Stuff
1. Styling
1. Atomic UX Design - [https://atomicdesign.bradfrost.com/chapter-2/](https://atomicdesign.bradfrost.com/chapter-2/)
2. SASS/SCSS/LESS - [SASS](https://sass-lang.com/documentation) / [LESS](http://lesscss.org/features/)
3. BEM (Block, Element, and Modifiers) - [http://getbem.com/introduction/](http://getbem.com/introduction/)
4. Styled Component >> NPM Package - [https://styled-components.com/docs/](https://styled-components.com/docs)
1. Testing
1. Enzyme - [https://enzymejs.github.io/enzyme/](https://enzymejs.github.io/enzyme/)
1. Utils
1. Penpal - [https://www.npmjs.com/package/penpal](https://www.npmjs.com/package/penpal)
1. **Useful React UI Components**
1. Story Book (Build bulletproof UI components faster) - [https://storybook.js.org/](https://storybook.js.org/)
1. Blueprint.js React UI Components - [https://blueprintjs.com/docs/](https://blueprintjs.com/docs/)
1. Reflexbox - [https://rebassjs.org/reflexbox/](https://rebassjs.org/reflexbox/)
1. Atlas Kit Dynamic Table - [https://atlaskit.atlassian.com/packages/core/dynamic-table/](https://atlaskit.atlassian.com/packages/core/dynamic-table)
1. Spreadsheets - [https://handsontable.com/](https://handsontable.com/)
1. Nivo Charts - [https://nivo.rocks/area-bump/](https://nivo.rocks/area-bump/)
### Node.js
1. Node.js Overview - [https://nodejs.org/docs/](https://nodejs.org/docs/latest-v10.x/api/)
1. **Express.js** - [https://expressjs.com/](https://expressjs.com/) >> Select Guide Menu
1. Introduction
1. API Standards
1. Controllers
1. Middlewares
1. Error Handlers
1. HATEOAS (Hypermedia As The Engine Of Application State) - [https://restfulapi.net/hateoas/](https://restfulapi.net/hateoas/)
1. **Nest.js** - [https://docs.nestjs.com/](https://docs.nestjs.com/)
1. Controllers
1. Providers
1. Modules
1. Middlewares
1. Exception Filters
1. Pipes
1. Guards
1. Interceptors
1. Decorators
1. Swagger
1. **Useful Libraries with NPM Links**
1. CORS (Cross Origin Resource Sharing) - [https://www.npmjs.com/package/cors](https://www.npmjs.com/package/cors)
1. Morgan - [https://www.npmjs.com/package/morgan](https://www.npmjs.com/package/morgan)
1. Body Parser - [https://www.npmjs.com/package/body-parser](https://www.npmjs.com/package/body-parser)
1. JWT - [https://www.npmjs.com/package/jsonwebtoken](https://www.npmjs.com/package/jsonwebtoken)
1. Passport - [https://www.npmjs.com/package/passport](https://www.npmjs.com/package/passport)
1. Lodash - [https://www.npmjs.com/package/lodash](https://www.npmjs.com/package/lodash)
1. Moment - [https://www.npmjs.com/package/moment](https://www.npmjs.com/package/moment)
1. Dotenv - [https://www.npmjs.com/package/dotenv](https://www.npmjs.com/package/dotenv)
1. PM2 - [https://www.npmjs.com/package/pm2](https://www.npmjs.com/package/pm2)
1. Axios - [https://www.npmjs.com/package/axios](https://www.npmjs.com/package/axios)
### Git and Github
1. Official GIT Documentation - [https://git-scm.com/docs](https://git-scm.com/docs)
2. Git Cheat Sheet - [https://education.github.com/git-cheat-sheet-education.pdf](https://education.github.com/git-cheat-sheet-education.pdf)
### Databases
1. MongoDB - [https://docs.mongodb.com/manual/crud/](https://docs.mongodb.com/manual/crud/)
1. MySQL - [https://www.w3schools.com/sql/](https://www.w3schools.com/sql/)
1. MSSQL - [https://www.sqlservertutorial.net/](https://www.sqlservertutorial.net/)
### Apollo GraphQL
1. Full-Stack Developer Tutorial - [https://www.apollographql.com/docs/tutorial/introduction/](https://www.apollographql.com/docs/tutorial/introduction/)
### Message Brokers
1. RabbitMQ - [https://www.rabbitmq.com/](https://www.rabbitmq.com/)
### Coding Standards
1. Clean Coding - [https://github.com/airbnb/javascript](https://github.com/airbnb/javascript)
1. The Twelve-Factor App Methodology - [https://12factor.net/](https://12factor.net/)
1. S.O.L.I.D. Principles - [https://scotch.io/bar-talk/s-o-l-i-d-the-first-five-principles-of-object-oriented-design/](https://scotch.io/bar-talk/s-o-l-i-d-the-first-five-principles-of-object-oriented-design)
### Knowledge Base
1. Monolithic & Microservice Structures - [https://articles.microservices.com/](https://articles.microservices.com/monolithic-vs-microservices-architecture-5c4848858f59)
1. Uses
1. Pros & Cons.
1. Concepts of ABAC and RBAC - [ABAC](https://en.wikipedia.org/wiki/Attribute-based_access_control) / [RBAC](https://en.wikipedia.org/wiki/Role-based_access_control "RBAC")
1. Difference Between **Library** and **Framework** - [https://www.programcreek.com/](https://www.programcreek.com/2011/09/what-is-the-difference-between-a-java-library-and-a-framework/)
*Please feel free to create a PR for adding new content in this roadmap.*
***ALL THE BEST!*** :thumbsup: