Nose stack

1.tools.md

Most used tools - NoseBit

Basically our entire stack is based on JavaScript. We recommend you to check the documentation for each tool, it's the most reliable source of knowledge.

We strongly recommend you to use a OS for developers, like Linux or Mac. Windows have too many problems with NodeJS and Docker.

You can install it in a Virtual Machine, like VirtualBox, make a dual-boot or just replace your windows and be happy :)

If you have a mac, good, if not, install any Linux you want. Personally, I recommend Antergos, Mint, ElementaryOS or Ubuntu respectively.

Frontend

• ReactJS - View Framework - https://reactjs.org/
• Redux - State Management - https://redux.js.org/
• Stylus - CSS processor - http://stylus-lang.com/
• Pug - HTML processor - https://pugjs.org/
• Gulp - Task Manager - https://gulpjs.com/
• Webpack - Web Bundler - https://webpack.js.org/

Backend

• Nodejs - JS virtual machine - https://nodejs.org/en/
• Express - Create webserver easily - http://expressjs.com/
• MongoDB - NoSQL database - https://www.mongodb.com/
• Docker - Containers - https://www.docker.com/

Tests

• Jest - Framework to test JS - https://facebook.github.io/jest/
• Enzyme - Framework to test React - https://github.com/airbnb/enzyme
• CucumberJS - end-to-end/Integration test - https://cucumber.io/

Desktop Application

• Electron - Framework to build desktop apps with JS - https://electronjs.org/

Mobile Application

• React-native - Framework to build mobile apps with JS - https://facebook.github.io/react-native/

2.roadmap.md

Ok, now where I should start?

Yeah, we know, that's too much man. But you don't need to know everything of each tool, you just need to understand what it's happening under the hood. You need to understand the basic concepts and then start to learn on-demand. You shouldn't be stuck more the 2 days on each tool. If you get stuck and don't understand well, ask our team, We're here to help :)

Step 1 - Basic

We recommend you start to learn the basics of CSS, HTML, and JS. With you spent 1 day with CSS and HTML and 2 days with JS, you should be fine. You don't need to know everything, just try to understand how it works and practice

Sources:

• https://www.w3schools.com/
• https://www.codecademy.com

Step 2 - Start to get serious

Now you should learn ReactJS. We use it roughly 80% of the time. It's an amazing tool to build UI components and it's basically JS with HTML and CSS embedded

Sources:

• https://reactjs.org/
• https://app.pluralsight.com/
• egghead.io/technologies/react

Also, you should start to learn some processors, like Stylus for CSS and Pug for HTML. It will make your life easier ;)

Step 3 - Serious stuff

Now, you must learn how to test your application. We don't ship code without tests. Why? Because it could break things and you don't even know. Serious projects must have serious tests!

You can start with Jest, which is a tool for unit test in JS. After that, go to Enzyme, a test tool that helps you test React components.

After that, you can consider yourself a Frontend Developer :D

Step 4 - Why so serious? ;)

Now you can build a high-quality frontend for any application. But you need to be more productive. We recommend you to automate everything possible! For that you should use gulp, to manage tasks like test, build, ship, compile and anything like that. Also, you should learn webpack to bundle your code, make it work on any browser, import stuff (not just JS), and make the magic happen.

In that step, you also should learn how to run a docker environment, so you can share and use a development environment in any Operational System you want.

If you follow all that steps, you will be an above average developer, for sure.