💻 #58: Build an animated landing page with Next.js and Framer Motion 🖼
Use Next13, TailwindCSS, and Framer Motion to create a beautiful website with smooth animations
Happy Friday, developer! 👋
Has anyone found any awesome Black Friday deals? Courses, books, or software? Let me know by replying to this email.
Before you buy anything, don’t forget there are tons of free alternatives out there. So make sure to look out for free alternatives.
Tutorial of the week:
Length: 2 hours
Difficulty: Beginner
This weekend’s tutorial is by one of my favourite Javascript teachers, JavaScriptMastery. He consistently put out fantastic tutorials, taking you from the basics of folder structure all the way to deployment!
What you’ll learn:
React.js ⚛️
Context API
Responsiveness and Media queries 📱
This space is reserved for you!
Are you building something you want to show off or get feedback on? Send me the link by replying to this email, or fill out the google form below.
➡️ Fill out this Google Form ⬅️
3 creative projects of the week:
1. BlackFridayDeals.lol
This website was a weekend project made to display crowdsourced deals. The idea came from Tony Dinh’s GitHub page with crowdsourced deals. Here’s the GitHub page with the deals.
2. My Token View
This website uses a crypto price API to compare prices in a nice UI. Great personal project.
3. Wiki Trivia
This is a fantastic project using the Wikipedia API, you have to order the events given on a timeline. My high score is 11, what about yours?
Great work Tom Watson! Check out his portfolio too, it’s great for other projects and inspiration.
I teamed up with Udemy to bring you a discount as a new user. If you’re looking to grab a course on web development courses start at $14.99! Click here to get your first course for $14.99
That’s all folks!
I hope you enjoyed this weekend’s edition of Weekend Web Dev!
If you create anything please share it with me on Twitter or reply to this email!
I’d love to see what you’re building.
Your fellow weekend developer,
Here are some excellent beginner resources for learning JavaScript
Mozilla Developer Network - the leading resource on JS
FreeCodeCamp - free course
CodeAcademy - intro to javascript - free course
Odin Project - full stack javascript - free course
Eloquent Javascript - book (many people struggle with this book)
javascript.info - reference resource
Traversy Crash Course in Javascript - video series
Intermediate/advanced material
JavaScript Design Patterns - free book
Professor Frisby's Mostly Adequate Guide to Functional Programming - free book
What the heck is the event loop anyway? - JSConf talk about the event loop
Understanding the Weird Parts - paid course covering more advanced topics
Deep JavaScript: Theory & Techniques - free book
Software
Code Sandboxes
Other handy sites






