Full-stack JavaScript with Node and React by Samer Buna (2017)

Learn to be a full-stack JavaScript developer and build web applications using Node.js and React.js

Topcis covered:

- Modern and basic JavaScript concepts with a focus on functional methods
- The elements of a full stack and options for each
- The basics of Node as a web server and framework options
- Node as an API server
- Communicating with databases from Node
- Node tools to work with React
- The basics of React (components, virtual dom, lifecycle methods)
- Working with data in React and managing data state
- Consuming an API with React
- Working with React router on the front-end
- Isomorphic React on Node

–
I’ve programmed in many different languages in the past and mostly avoided JavaScript because of its so many problems and WTF moments. Things have changed. JavaScript became a much better language that’s flexible and fun, and it offers great options overall for both server and client work. Node.js was a natural pick for server work and my personal pick for the front-end work was the excellent React library.

If you’re in San Francisco the last week of July, I will be giving 6-full-day workshops on Node.js, React.js, and their ecosystem. Starting with the very basics and going all the way to the very advanced. All workshops will be demo-based with live coding and no slides. You are expected to follow along and attempt everything I do. You’ll also be challenged to do things on your own.

No matter what your current level is, I have a starting point for you. The workshops are intentionally ordered by level. Here’s the quick guide:

If you barely know what React and Redux are or why they’re so freaking popular, you want to start with workshop #1, Getting Started with React and Redux. In that workshop, you’ll learn the basics of React, reusable components and their props/state, JSX, the Virtual DOM, function/class components, ReactDOM, and the basics of Redux and React-Redux bindings.
If you know the basics of React and Redux and you can build simple applications with them (for example, the mandatory TODOs app), then you want to start with workshop #2, React and Redux Beyond the Basics. This workshop will cover the design concepts behind React in details, the process of working with the React diffing algorithm, the way React handle events, how to work around React with the DOM API itself, the concept of controlled input components, all component lifecycle methods, and managing application state with Redux actions and reducers.
If you’ve already built a few React applications and you’re comfortable with its API, and you also know your way around Redux, then workshop #3 is for you; React and Redux: Advanced Topics. This is the workshop where we’re going to take a deep dive and talk about properly testing components, declarative programming, higher-order components, performance and optimizations, immutability, working with APIs, async Redux, and production deployment.
Being a productive React developer means that you need to learn about the Node.js runtime itself. Not just how to use npm packages. You want to learn things like the event-loop, event emitters, streams, child processes, clusters, and many other built-in things that come with Node. This is why workshop #4 is dedicated to just Node.js, from A to Z; Node.js Beyond the Basics. Here’s an article I wrote to challenge your knowledge of the Node.js runtime.
In workshop #5, Full-stack JavaScript with Node and React, we’re going to put things together and just build shit from scratch, end to end, with this really cool tech stack that is in huge demand right now. I’ll be covering modern JavaScript in this workshop, how to create and control your own JavaScript environment, working with real API data, a lot of testing, Node tools, server-side rendering, and routing.
The last workshop is about the game changer in data communication, GraphQL! You’ve probably heard about it because it is starting to take off. Add an edge to your full-stack JavaScript skills by learning this amazing language and runtime for data communication; Getting Started with GraphQL and DataLoader. Learn how to write and work with a GraphQL server, queries and mutations, arguments, variables, fragments, directives, and other features of the language, and how to use them with React and Node. This workshop will also cover optimizing GraphQL queries with DataLoader.
Let’s talk numbers. If you’re a programmer who makes less than $120,000 a year in the US, you’re probably underpaid. If you learn and apply everything above — and you build a few projects to prove all of those skills — you should not really accept any offer below $120,000. Even better, if you have that level of skills and a can-do attitude, you have so many options to make even more than that on your own.

also You can find my other last: Programming-posts