Register Account


Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
React + Next.js: Create 2048 Game with Animations
#1
[Image: 79f5791840d774aac54f8e2638473f95.jpg]
Published 1/2024
Created by Mateusz Sokola
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 21 Lectures ( 5h 21m ) | Size: 2 GB

Deep dive in React and NextJS from the ground up! Learn Hooks, Context API, Mobile events and many others

[b]What you'll learn:[/b]
How to build your own 2048 game with React 18 and NextJS. We'll add awesome animations, and here's the cherry on top - it works on mobile devices!
Essential React hooks - useState, useRef, useCallback, useEffect, and more - to enhance the functionality and performance of your apps
Manage complex state using useReducer and the Context API, enabling you to efficiently control the flow of data
Seamlessly integrate TypeScript into your React project, enhancing code quality and developer experience
Grasp the nuances between debounce and throttling and apply these concepts strategically for optimized event handling and improved user interactions
Develop responsive layouts in React for your 2048 game, ensuring a visually pleasing and functional display across a range of screen sizes and resolutions
Tailor your 2048 game for mobile platforms, mastering techniques to deliver a seamless gaming experience on a variety of devices
Learn how React renders views, so VirtualDOM doesn't bring you any headaches!
Leverage the power of most popular React framework - NextJS
Testing with react-testing-library

[b]Requirements:[/b]
HTML, CSS and JavaScript fundamentals are required
Basic knowledge of command line. Essentials only

[b]Description:[/b]
** Premiered in January 2024 ** I believe programming should be fun and unleash creativity. Why would you waste time on building yet another Todo list or shopping cart that can't even handle payments? Let's do something truly exciting - let's build an awesome 2048 game! And I don't mean those sloppy and glitchy ones you can find on everywhere the Internet. Our game will have animations and you will be able to play it on your phone!The best part is that you will build it on your own from scratch! My mission is to help you become a rockstar developer. This journey isn't about memorizing React features; it's about experiencing the actual development workflow. Together, we will learn how to use the most popular React framework - NextJS. We'll take advantage of type safety using TypeScript and amplify your developer experience. Trust me, your colleagues are going to love your testing skills and consistent code thanks to code linters and formatters.But before you enroll let me tell you more about the finale of this adventure. Drumroll, please! After this course you will have an incredible 2048 game in React. All made by yourself! Picture that: A 4 x 4 board, where your goal is to merge tiles until they proudly display the number 2048. The game will be fully functional and don't forget those kick-ass animations as you can see them now. Oh, and here's the cherry on top - you'll be able to play it right on your mobile device! Yep, that's right, swipe your way to glory! (swipe swipe)I hope you are hooked now.Since this course isn't about myself but you might want to know my credentials. My name is Mateusz and I'm a seasoned software engineer with over 12 years of industry experience. I've had the privilege of working in diverse development teams from Europe, US and Asia. My journey with React began in 2017, and since then, I've built a bunch of medium and large-scale applications. This means you'll be learning from someone who has not only mastered these technologies but also applied them extensively in real-world scenarios.Let's get started!

Who this course is for:
Aspiring React and NextJS Developers: Whether you're new to React or NextJS, this course is your gateway to mastering modern web development
You're Bored with Todo List and Boring Examples: Online courses focus on building projects nobody is gonna use. Let's build something your friends would love to use
Learn from Real-World Experience: Dive into lessons from an experienced developer who's built various medium and large-scale applications. Learn the ropes from practical insights
You Learned JavaScript and Wonder How to Elevate Your Skills

Homepage

[To see links please register or login]


[To see links please register or login]

[Image: signature.png]
Reply


Download Now



Forum Jump:


Users browsing this thread:
1 Guest(s)

Download Now