![Ihatetomatoes](/img/default-banner.jpg)
- Видео 250
- Просмотров 4 732 531
Ihatetomatoes
Австралия
Добавлен 6 янв 2014
Front-end development channel full of web animation tutorials, deconstructions and tips for front-end developers and designers.
Managed by Petr Tichy - @ihatetomatoes.
Helping you to master creative front-end coding, GreenSock, React, ScrollTrigger, CSS3, HTML5, SVG, web animations and interactive front-end development.
Subscribe to get new videos covering front-end development tips, tools, tutorials, website deconstruction and more.
PS: You don't have to hate tomatoes to join. Everyone is welcome :)
Managed by Petr Tichy - @ihatetomatoes.
Helping you to master creative front-end coding, GreenSock, React, ScrollTrigger, CSS3, HTML5, SVG, web animations and interactive front-end development.
Subscribe to get new videos covering front-end development tips, tools, tutorials, website deconstruction and more.
PS: You don't have to hate tomatoes to join. Everyone is welcome :)
Next.js 101 - More learning resources
What did you like the most about this Next.js 101 series? Let me know in the comments.
Tailwind Labs
ruclips.net/channel/UCOe-8z68tgw9ioqVvYM4ddQ
Lee Robinson
ruclips.net/user/MaStaleee
James Q Quick
ruclips.net/user/JamesQQuick
Leigh Halliday
ruclips.net/user/leighhalliday
Next.js 101 - Free Online Course
ihatetomatoes-nextjs-101.vercel.app/
Tailwind Labs
ruclips.net/channel/UCOe-8z68tgw9ioqVvYM4ddQ
Lee Robinson
ruclips.net/user/MaStaleee
James Q Quick
ruclips.net/user/JamesQQuick
Leigh Halliday
ruclips.net/user/leighhalliday
Next.js 101 - Free Online Course
ihatetomatoes-nextjs-101.vercel.app/
Просмотров: 2 784
Видео
How to deploy Next.js App to Vercel
Просмотров 4,1 тыс.3 года назад
Learn how to deploy your Next.js app to Vercel. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
React Query useMutation Tutorial
Просмотров 14 тыс.3 года назад
Learn how to use React Query to manage the state of your API request. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/ React Query 3 requires two small changes, check the link above for the changes.
Building API route - Next.js + ConvertKit - Part 2
Просмотров 9993 года назад
Learn how to create Next.js API endpoint to subscribe users to a ConvertKit form. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
Building API route - Next.js + ConvertKit
Просмотров 1,6 тыс.3 года назад
Learn how to create Next.js API endpoint to subscribe user to a ConvertKit form. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
Email Input Validation Tutorial - React Hook Form
Просмотров 11 тыс.3 года назад
Learn how to use React Hook Form to validate email input.
How to create UI for email subscribe form.
Просмотров 9253 года назад
Learn how to create UI for email signup form with TailwindCSS and classnames for conditional CSS classes. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
How to customize colors in TailwindCSS
Просмотров 14 тыс.3 года назад
Learn how to customize colors in TailwindCSS. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
Building Layout and Hero components
Просмотров 2 тыс.3 года назад
Learn how to create a simple layout with TailwindCSS. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
Introduction to TailwindCSS
Просмотров 1,3 тыс.3 года назад
What is TailwindCSS and how to use in in your Next.js app. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
ConvertKit API - Add subscriber to a form tutorial
Просмотров 2,4 тыс.3 года назад
Learn how to use Postman to validate ConvertKit API endpoint. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
HTML Document structure in Next.js
Просмотров 3,3 тыс.3 года назад
Learn how to use _app.js and _document.js to be in full control of the rendered HTML. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
Next.js Link and Router explained
Просмотров 6 тыс.3 года назад
Learn how to use Next.js Link and Router. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
Getting Started with Next.js
Просмотров 2,1 тыс.3 года назад
Learn how to create Next.js project and install TailwindCSS. Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
Next.js 101 - Next.js vs React.js
Просмотров 12 тыс.3 года назад
Why choose Next.js over React.js? Next.js 101 - Free Online Course ihatetomatoes-nextjs-101.vercel.app/
TailwindCSS 2.0 - Website and CSS Framework Review
Просмотров 4,5 тыс.3 года назад
TailwindCSS 2.0 - Website and CSS Framework Review
About building interactive experiences with Arnaud Tanielian
Просмотров 8803 года назад
About building interactive experiences with Arnaud Tanielian
Useful VSCode Keyboard Shortcuts - Mac specific
Просмотров 18 тыс.3 года назад
Useful VSCode Keyboard Shortcuts - Mac specific
Award winning websites, what are the trends in 2020?
Просмотров 4,8 тыс.3 года назад
Award winning websites, what are the trends in 2020?
About creative front-end coding with Arnaud Tanielian
Просмотров 9773 года назад
About creative front-end coding with Arnaud Tanielian
Useful tools for front-end developer and designers
Просмотров 2,7 тыс.3 года назад
Useful tools for front-end developer and designers
Barba.js with GSAP - 18. Router Plugin
Просмотров 3,3 тыс.3 года назад
Barba.js with GSAP - 18. Router Plugin
Barba.js with GSAP - 17. Prefetch Plugin
Просмотров 1,8 тыс.3 года назад
Barba.js with GSAP - 17. Prefetch Plugin
Barba.js with GSAP - 15. Global Hooks
Просмотров 1,5 тыс.3 года назад
Barba.js with GSAP - 15. Global Hooks
Barba.js with GSAP - 14. Rules and Conditions - Part 2
Просмотров 1,3 тыс.3 года назад
Barba.js with GSAP - 14. Rules and Conditions - Part 2
Is there a way to reverse the animation? So basically sliding back?
Thanks 🙏
Thank you for the clear explanation
pretty straightforward tutorial. Thank you
How to make that colorful git-aware command prompt in VScode?
Alt z not working for me
Thx for the video. What about if you have multiple file conflicts? will you add git add. file1, file2, file3....?
thank you you are perfect
Thank you sir ❤❤
Thank you for the course!
it doesn't work on windows or on my end it's just console no animation tab
i found out how to get it i just clicked some 3 dots and gear icon around that console tab
git aliases seems like a feature that shouldn't exist, because you can always do something like alias a='git add' which is even (mucher) shorter, because you don't need to type `git `. There is no way that a git alias can be just one letter!
great video! as an addition on option+shift+o removes unused imports 4:21
Is this still the way to do this? Also why do you have to set the initial state to an array if it's actually the .current property that points to the array of items? Appreciate the video though, great guide!
Thank you for the tutorial!
Thanks Buddy! That was clear and helpful
thank so much for the content ;-)
I sue vim, it doesn't show any option like accept changes?
Ppl pov:Dont worry ai does better..
Thank you very much.
👍
Thank you, very useful example.
Subscribed, Thanks!!!! If i triggered a pipeline in gitlab, next line it showing couldn't lock your config file error.. Im using an external runner do u have any idea?
This channel solves all my git problems! Thank you!
4:15 which shortcut you used to revert it?
very helpfull
Best explanation ever!
please send your terminal theme.json file
I love your videos, your explanations are super clear and useful!
Thanks for the vid. Just a quick question: what is the merge tool you are using here?
Hi, Great Video , but unfortunately its kind of laggy
you saved my day! chatgpt couldnt give me the correct answer. thanks
My GF hates tomatoes too!
Thanks for the informative video. What would happen if there is merge conflict and how the commit history will look like in that scenario ? Can you please post some video on this scenario ?
Very helpful
what's the shortcut to see suggestions (Intellisense)?
Great work
how would you push this up to remote branch again, for me it seams only half done?
You're reverting or undoing the changes using Ctrl+Z correct?
Most usefull video ever for whole humanity
please make a video about reactJS and BarbaJS 🖤🖤
God bless you soo much, thanks a thousand times! All else were failing and babbling around, you made it so clear!
Can we use cherry pick to get only changes in a pull request into a new local branch?
Hi there, just wanted to know if two commits has conflict in changes while cherry picking will that be reflected before insertion of commit changes.
Your explanation is so much better than the one in the documentation. Thank you for this great video!
Hey Petr, I'm curious do you really hate tomatoes? or it is just a brand thing/strategy? by the way, amazing video!
Yes I really do hate tomatoes 😀 Thanks for the nice feedback.
Thank you so much for sharing your knowledge, the tutorials are very clear 🙏🏿
Thank you very much
Thanks for going through this. Awesome explanation. Gonna try and find something at work to use this on. Super helpful with tests as well.