× Thanks! We'll be in touch with more info soon.

1-Week Full-stack JS Bootcamp

React, GraphQL, Node, Mongo / November 11th - 17th, 2018


Play video »
  • abinbev
  • ASOS
  • financial times
  • blockchain
  • the trainline

1-Week Full-stack JavaScript Developer Bootcamp


November 11th to November 17th, 2018. Location: TBC.
Cost of the 7-day training: £1395 + VAT

Two payment Options


Early bird ticket

For those who would like to secure their spot early, we have a 10% discount on the total price.

£1600 £1395


Pay by Installments

For those preferring to pay in installments, contact us and we'll arrange for you to pay in 3 installments with the first being 50% of the total cost and the other to follow over 6 months.

Payment Plan

£1600


By purchasing a course or bootcamp, you agree to our Terms & Conditions.

I would like to receive more info and some pre-course learning resources!

Interested in a React developer bootcamp?

See our React developer bootcamp

React Bootcamp

A JavaScript stack to build production-ready applications

On completion of the bootcamp each student will:

  • Understand the core principles of React and the follwoing libraries of the React ecosystem: react, react-router, graphql, apollo-client
  • Learn how to write server-side code using Node and Express
  • Comprehend the paradigm shift from REST to GraphQL. Gain experience building GraphQL APIs
  • Understand the best practices for using NOSQL databases. Gain experience using MongoDB.

Curriculum


Day 1, Sunday evening (optional)

  • ES6 and ESNEXT workshop
    • Understanding language updates - difference between ES6, ES7, and ESNEXT
    • Arrow Functions, Class syntax, Template strings
    • Destructuring
    • Default parameters, Rest operator, Spread operator
    • Let and Const vs Var
    • Rest + Spread properties
    • ES6 iterators and functional programming in JS
    • Modules
    • Promises
    • Generators

Day 2, Monday

  • Thinking in React
    • The Imperative to Declarative Shift
    • Everything is a component
  • What is React made up of
    • Props vs. State
    • One way data binding
    • Components with and without state. Classes vs. Functions
    • Developer tools
  • Virtual DOM and JSX
    • React Components, Elements, and Instances
    • JSX and React.createElement
  • Component lifecycle
  • React Router v4
    • Main components: Router and Route
    • Authentication
    • Implement a master-detail web application
  • Data management
    • Presentational Components vs. Container Components
    • Data fetching
  • Forms management in React
    • Controlled Components vs. Uncontrolled Components
  • Authentication
    • JWT

Day 3, Tuesday

  • Day 1 recap, build a React app from scratch on your own to consolidate:
    • React
    • React Router
    • Data fetching
  • GraphQL
    • Understand the fundamental differences between a REST API and a GraphQL API
    • GraphQL: Query, Mutation, Fragment
    • Relay vs. Apollo
    • Relay connections
  • GraphQL exercise: Integrate Apollo in a React & Redux app
    • Connect an Apollo client to a GraphQL server
    • Implement infinite scrolling in a React app using Apollo on the client-side and a Relay connection on the server-side
    • Update the state of your React app using mutations and Apollo client

Day 4, Wednesday

  • Introduction to Node
    • npm
    • REPL
    • global
  • Express
    • Server
    • Middleware
    • Router
  • GraphQL API part 1
    • What makes GraphQL APIs better than REST APIs
    • GraphQL Queries and Mutations
    • Resolvers
    • GraphiQL
    • Pagination strategies and Relay Connections

Day 5, Thursday

  • GraphQL API part 2
    • Authentication
    • Authorization
    • Error handling
  • Mongo
    • Intro to Mongo
    • Difference between SQL and NOSQL
    • Thinking in Documents
    • Mongoose

Day 6, Friday

  • Consolidate your new skills, hackathon day 1
    • Pitch your idea
    • Create teams
    • Discussion about architecture, features and tools
    • Start coding
    • Practice extreme programming and get support from the coaches and mentors

Day 7, Saturday

  • Deploy your code in the cloud
    1. CDN for your static files
    2. Google Cloud Functions or Amazon Lambda Functions for your GraphQL API
    3. Mongo Atlas for your DB
  • Wrapping up the hackathon
    1. Finish your application with the support from the coaches and mentors
    2. Demos!

Why attend

Focus, no distractions

Focus away from distractions, accelerate your learning. One week to focus on just one thing, learning React. Like-minded people, experienced instructors, comprehensive curriculum, and an amazing place.

Learn by doing

Learn by doing, move fast and break things. We want you to code as much as possible, and make mistakes in a safe environment. You will practice everything we explain in our project-based hands-on training.

Mentorship

Our experienced instructors will do code reviews and they will give you individual feedback. Instructors will guide you to think of the best way to solve a problem.

Collaborative environment

You will work in teams and pairs. You will have to explain what you do and how, rather than just doing. Explaining is a great way to learn and consolidate new skills.

The place

Code, collaborate, learn and learn beautiful and comfortable place.

The training will take place in the Cooperativa de Comunicação e Cultura de Torres Vedras gallery

We recommend staying at the TORRES VEDRAS CENTRO hotel for the week of the course

A day in our training

  • Breakfast
  • Lecture and code
  • Lunch
  • Lecture and code
  • Dinner
  • Relax, rest,... or code :)

ReactJS Academy is Europes longest running dedicated React and Redux training. Established in May 2016, we've trained over 1000 developers across the EU in our private bootcamps and public workshops.

You can read reviews of our workshops in the following Meetup groups which we organise:


play video

Listen to what our trainees say about our bootcamps

Are you a minority in tech?

We are committed to making the tech industry more accessible and diverse, please contact us directly to find out about discounts and scholarships.

hello@reactjs.academy

We use cookies to offer you a better experience and to analyze site traffic. By continuing to browse this site, you agree to this use of cookies.