[PUBLIC] React / JavaScript developer: career path
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

View only
 
 
ABCD
1
JavaScript Developer Career Path
2
Skill NameScope
Progress (%)
Comments
3
LvL 0
4
Knowing HTML5 syntax and how to create a web page (links and images) with hand-coded HTMLHTML
5
How to build a complete HTML web page with forms, links, CSS, JavaScript, and imagesHTML
6
Knowing how to use and using HTML W3C validation tool, writing semantic HTMLHTML
7
Knowing how to describe box-sizingCSS
8
CSS pseudo elements (:before, :after), browser support and limitationsCSS
9
Know CSS selectors, including pseudo classes and attributes wellCSS
10
Know the common CSS units, including em, rem, vh, vw, percentage, and pxCSS
11
Positioning for elements (static, relative, absolute, and fixed)CSS
12
Operators (!, ||, &&, +, -, =, ==,===), including unary, conditional, and inequality operatorsJavaScript
13
Data Types (Strings, Boolean, Numbers, Arrays, Objects, Functions) and VariablesJavaScript
14
Conditionals, including if, else, switchJavaScript
15
Loops (for and while)JavaScript
16
String Manipulation (search, split, replace, join); reverse a string, convert string to array, search parts of a stringJavaScript
17
Function definition and function expressionsJavaScript
18
Value vs referenceJavaScript
19
LvL 1
20
Basic knowledge of web performance issues (how to load JS, CSS, IMG)HTML
21
Knowing some HTML&CSS building methedologies (ex. BEM)HTML
22
Basic knowledge of RWD (CSS3 @media queries)CSS
23
Basic knowledge of SASS (variables, nesting, partials, import, extend, mixins, placeholders)CSS
24
Basic knowledge of DevTools (disabling JS, using touch gestures, changing screen sizes, :hovers, class names)DevTools
25
What is console.log() and the `debugger` command?DevTools
26
Basic knowledge of ES6 (let, const, modules importing)JavaScript
27
Essential JavaScript Objects (create objects, edit objects, use objects, delete properties, etc.)JavaScript
28
More objects (properties, methods, removing properties, serialization, etc.) and the global
object
JavaScript
29
How to get value from form fieldsJavaScript
30
Basic eventListeners (click, mouse over, etc.)JavaScript
31
Knowing: bubling effectJavaScript
32
How to convert to the various types (e.g., string to number, string to boolean, number to string)JavaScript
33
Match mediaJavaScript
34
this basicsJavaScript
35
Variable scope (function scope vs block scope)JavaScript
36
HoistingJavaScript
37
ClosuresJavaScript
38
DOM selector methods (i.e., us only JavaScript methods and
functions); for example querySelector(), querySelectorAll(), matchesSelector(), element.parentNode, etc.

JavaScript
39
How to receive and send data via an APIJavaScript
40
Knowing request types, why to use them POST, GET, PUT, DELETE, OPTIONS?JavaScript
41
What JSON is, and what a JSON response looks like. Using it as a data layer of JS application.JavaScript
42
undefined vs not definedJavaScript
43
Ability to use and configure autoprefixerAutomation
44
Basic knowledge of Webpack.Automation
45
package.json: knowing the structure, ability to edit, save, save-devAutomation
46
How to use the command line to work with files and folders (cd, pwd, cp, ls, rm, open, say), "." , "..", "~"Bash
47
Basic knowledge of vim/nano (edit mode, exiting)Bash
48
Ability to configure command line shortcuts, knowing how to generate and use public / private keys. Adding public key to Github / GitLab, etc. .bash_profile
Bash
49
Basic knowledge of file versioning systems: clone, checkout, commit, add, reset, pull, push).GIT
50
Ability to use and configure .gitignore, .gitkeep, not commiting .DS_Store, node_modules.GIT
51
Knowing and using DRY principlesOthers
52
Knowledge of SOLID & KISS principlesOthers
53
Ability to read errors (from DevTools console, bash console)Others
54
HTTPS / SSL / Cross domainOthers
55
IDE configuration: tabs -> spaces, combs, editorconfig, basic extensions (VSC icons)Software
56
LvL 2
57
Using SVG (ability to enable SVG in HTML & CSS)HTML
58
Basic knowledge of CSS animations / transitionsCSS
59
Basic knowledge about JS PromisesJavaScript
60
Postman / Swagger / curlJavaScript
61
Installation, configuration and usage of JS Linter (standardjs), TS_LINTJavaScript
62
Basic regular expression (search and replace with regular expression)JavaScript
63
IIFEJavaScript
64
Remote device testing: Chrome & Android, Safarii & iOSDevTools
65
GIT: branches, merging, deleting commits, pull/merge requests.GIT
66
Code review: not making the same mistakesOthers
67
npm scripts: writting custom sciptsOthers
68
yarn basic commandsOthers
69
At least one internal presentationOthers
70
Comprehensive documentation understanding (Stackoverflow, MDN, Google, GitHub issues)Others
71
Ability to explain things to the client (easy to read and understand messages)Soft skills
72
Ability to give estimated time of deliverySoft skills
73
LvL 3
74
Basics of flexboxCSS
75
Automatic generation of Style Guides CSS
76
Ability to manage Localstorage in JavaScriptJavaScript
77
Ability to manage Cookies in JavaScriptJavaScript
78
Learn and use two Design PatternsJavaScript
79
this - bind, apply, callJavaScript
80
Basics of authorization & authorization tokensJavaScript
81
Static methodsJavaScript
82
Pure functionsJavaScript
83
Knowledge of ES6 (template strings, Array methods, classes, fat arrow, destructuring)JavaScript
84
Spread operator, rest parametersJavaScript
85
Webpack: entry points, output, plugins, loadersAutomation
86
React: Basics (state, props, components)React
87
React: Lifecycle methodsReact
88
React: Can write simple Form in both controlled and uncontrolled wayReact
89
React: Connect with an API to get some data and know where in lifecycle to do it. (Opt posts, puts, delete)React
90
React: Can create a simple app without extensions (redux, routing etc)React
91
React: How setState in React works, is it synch or async?React
92
Redux: Basics / state magagement
State Management
93
Redux: Can add something to store
State Management
94
Redux: Connect how and when to use it
State Management
95
InterfacesTypeScript
96
Type aliasesTypeScript
97
Axios: Basics (basic API of Axios)Libs
98
Axios: Extract data and convertLibs
99
Axios: ParamsLibs
100
Axios: InterceptorsLibs
Loading...