Workshop: Learn React the Modern Way
Would you like to learn React and Next.js? I designed a workshop to help developers who know HTML, CSS and JavaScript climb the next step and build their first full-stack application with the most popular framework today.
When you’re a junior web developer, learning React is almost mandatory, but at the same time a difficult step in your journey.
You can find many tutorials and training on the web, but it’s so easy to get lost in the many different possible ways to do one thing.
More importantly, I’ve seen developers give up because some courses assume you’re an expert with JavaScript. (You definitely don’t have to be!)
I can help you!
My decade of experience with web development, coupled with my passion for sharing my knowledge to students (including total beginners) has led me to building this workshop.
I’ll help you learn React in a couple of days, with the prerequisite that you know HTML, CSS, the basics of JavaScript, and ideally a bit of web development, by using Rails or PHP for instance.
Does “two days” sound too good to be true? Don’t get me wrong: you’ll still have a lot to learn! But after these two days, you’ll have all you need to continue the journey by yourself, wether it’s by building a project, or by learning more advanced stuff.
Are you ready to give your career the boost it deserves?
They liked the workshop
Great workshop! It is a very good introduction to React and Next.js for people who have never used these technologies. It is very well-structured, as it guides us to more advanced concepts. We can see that Sebastien is passionate. Top-quality course! 🙌
Inès Alvergne
Very satisfied with the session. I learned a lot, and many things that were confusing before are much clearer now. Sebastien explains very well even advanced concepts. It was really great!
Charles Béranger
What am I going to learn?
Full-stack Applications with React & Next.js (2 days)
Everything you need to know to build your first application with React & Next.js. After these two days, you’ll be able to look for information into React’s documentation, use third-party libraries, and even land your first React developer job.
Day 1
-
⚛️ What is React? What is Next.js? – A short presentation of what React is, and in which situation in can be used. We’ll also see what Next.js brings and why we’ll use it during the training.
-
🧑🎨 First application with React & Next.js – Let’s discover the basics of React, how to split your logic in reusable components, and how to give your pages some style.
-
🔀 Routing & Fetching data – Next.js makes it very intuitive to create different pages in your applications, including dynamic routes that we’ll use to know which data to fetch and display.
Day 2
-
👆 Client interaction – React was created as a client library to handle user interaction. Let’s see what it offers to react to client actions and fetch data dynamically from the server.
-
✏️ Forms: validation, submission – Continuing with our exploration of React’s client features, let’s build some form to gather information, and validate then process this data on the server using serverless functions.
Building Real-World Applications (1 day)
Do you plan to build a start up or a side project using React? This second day of learning will help you build real-world application with Next.js using authentication and storing data in a database.
Day 3
-
👤 Authenticating users – Allowing users to sign in often is a must-have for web applications. We’ll use Auth.js to implement authentication using a GitHub account.
-
💾 Using Databases – Let’s see how to set up an external database and use Prisma to read and write from it. We’ll continue our authentication system to store the data about signed up users.
What does a workshop day look like?
Here is the usual program for a day during the workshop (times are EST, Montreal timezone):
- 9am: start of the day, introduction 🫱🏻🫲🏽
- 9:15am: module 1
- 10:30am: coffee break ☕️
- 10:45am: module 2
- 12pm: end of the morning, lunch time 🌮
- 1pm: module 3
- 2:15pm: coffee break ☕️
- 2:30pm: module 4
- 3:45pm: conclusion
- 4pm: end of the day 👋
Each module consists in a 30-minute lecture followed by 45 minutes of practice, where attendees can take the time to do in their environment what the instructor showed during the lecture, plus optional additional challenges.
How is it different from other courses I can find?
I take advantage of the latest React and Next.js features to offer a whole new path –a simpler one– to creating your first application. This is why you’ll learn React and Next.js at the same time, where other courses usually start with React alone.
Want to know more? Check out my blog post about this learning path.
What can I expect from the workshop?
At the end of the workshop, you’ll leave with:
- 🧠 Knowledge of Next.js’ and React’s basics
- 📚 Access to the online course Building Modern Web Apps with React and Next.js
- ⚙️ The source code of a project you can use to bootstrap your future apps
- 🏠 Take-home exercises to put in practice what you learned
- 📕 The slides used during the workshop as a PDF document
- ⏭️ A list of ideas of what to learn next in your journey
- 🙋🏻♂️ A direct access to me to answer your questions about Next.js or React
Upcoming sessions
Is the workshop online only?
I designed the workshop to be offered online, but if there is enough participants willing to have an in-person session in Montreal, I’ll gladly consider it!
Can you offer this training to my team?
Yes, I can offer the workshop to individuals or to teams! I can even offer a custom workshop for your company. Just contact me and we’ll work together on what to include in the training.