- Видео 115
- Просмотров 385 642
TechCheck
Добавлен 2 мар 2014
Coding tutorials for web development. Covering everything from Javascript, React, Redux, React Router, Vue, MySQL, Sanity.io, Node, Express, Netlify, and much more. I try to make them easy to understand, easy to follow, and slip in some humor, too.
Come say hi!
-Andrew
P.S. - As an Amazon Associate I earn from qualifying purchases.
Come say hi!
-Andrew
P.S. - As an Amazon Associate I earn from qualifying purchases.
Why Choose Webflow | The Best Website Platform
In this video, I'll show you why Webflow is the best platform for building and managing websites. Clients love it.. designers and developers love it.. it's great for building websites, editing websites, and hosting websites.
👨💻🚀 Webflow Tutorial playlist: ruclips.net/p/PLzF6FKB4VN3-LZHwzexc8y7nQvieSbJ1w
If you still need a Webflow account to get started, you can do that here: webflow.partnerlinks.io/TechCheck (❤️ affiliate link ❤️).
❤️ Say thanks/buy me a coffee/support the channel ❤️: www.buymeacoffee.com/techcheck
Affiliate links to some of my gear 🤘🙏❤️
(Best quality for the best price from my research)
Awesome Accent Lights 😎: amzn.to/3UCaHvO
Maono Microphone: amzn.to/3SxAVN6
Logitech Webcam...
👨💻🚀 Webflow Tutorial playlist: ruclips.net/p/PLzF6FKB4VN3-LZHwzexc8y7nQvieSbJ1w
If you still need a Webflow account to get started, you can do that here: webflow.partnerlinks.io/TechCheck (❤️ affiliate link ❤️).
❤️ Say thanks/buy me a coffee/support the channel ❤️: www.buymeacoffee.com/techcheck
Affiliate links to some of my gear 🤘🙏❤️
(Best quality for the best price from my research)
Awesome Accent Lights 😎: amzn.to/3UCaHvO
Maono Microphone: amzn.to/3SxAVN6
Logitech Webcam...
Просмотров: 52
Видео
EASY Animations in Webflow | Scroll Animations
Просмотров 2143 месяца назад
In this tutorial, I'll show you how to animate elements when they scroll into view in webflow. We'll have headings and paragraphs slide into view from the left or right. You can apply these sliding scroll animations to any element. I'll also show you how to add a delay so that you can stagger some of the animations, which can look really cool, too. Animations can be very effective at making you...
Hamburger Button Spin Animation | Webflow Animation Tutorial
Просмотров 1493 месяца назад
In this tutorial, I'll show you how to animate a hamburger menu button in Webflow. When the menu opens, we'll animate the hamburger button to spin it counter clockwise as the menu is opening. When the menu closes, we'll animate the hamburger button to spin clockwise as the menu is closing. I'll show you how to use the default spin animation in Webflow, and how to manually set it so you have ful...
Webflow Navbar Tutorial | How to Style a Navbar in Webflow on Desktop and Mobile
Просмотров 1,6 тыс.3 месяца назад
In this tutorial, I'll show you how to style a navbar in Webflow. We'll cover adding a navbar, adding a container, styling the navbar on desktop and mobile, and styling the links. We'll also style the hamburger button for the mobile menu, along with styling the mobile menu itself. After this tutorial, you should have a good understanding on how to group your navbar links, position them, and sty...
Webflow Animation | How to Animate a Button on Hover in Webflow for Beginners
Просмотров 1,8 тыс.3 месяца назад
In this tutorial, we'll dive into Webflow animations, focusing specifically on how to do button animations on hover in Webflow. We'll create a button with a relative position, then create a circle with an absolute position. We'll animate and scale the circle up, and animate the text color simultaneously. We'll change the animation duration, set it to Ease In Out, and we'll make an animation for...
How to Animate a Button in Figma | Easy and Quick Tutorial for Beginners
Просмотров 1284 месяца назад
In this tutorial, I show you how to animate a button in Figma. I'll show you step by step how to create a seamless animation. This animation happens when a user hovers over a button, but can be applied in many ways. I'll cover creating a default button, then a button during its hover state, and I'll show you how to easily animate from one to the other. In the next video, I'll show you how you c...
Scroll Animations in React | Framer Motion
Просмотров 4354 месяца назад
How to animations on scroll in react with framer motion. I'll cover how to animate a progress bar, and how to trigger an animation on scroll. I have another video where I cover more on Framer Motion here: ruclips.net/video/Ojk-x-uAyIE/видео.html The github repo for this video is here: github.com/Andrew1451/framer-motion-scroll Hope it helps and happy coding! -Andrew ❤️ Buy me a coffee/say thank...
Animations in React | Framer Motion Tutorial
Просмотров 5694 месяца назад
How to make animations in React with Framer Motion. We'll cover animations on scroll, on hover, scaling, rotating, and more. I'll show you how to install framer motion, and how to use it in your react project. The repo can be found here: github.com/Andrew1451/techcheck-framer-motion Video specifically on scroll animations here: ruclips.net/video/XVBPv6mvi6Q/видео.html Hope this helps and thanks...
API Tutorial | Weather API | Step by Step
Просмотров 1275 месяцев назад
API Tutorial | Weather API | Step by Step
API Tutorial | Fetch Data with Axios (GIPHY API)
Просмотров 4285 месяцев назад
API Tutorial | Fetch Data with Axios (GIPHY API)
Webflow Template Tutorial for Beginners
Просмотров 3086 месяцев назад
Webflow Template Tutorial for Beginners
Webflow Template Tutorial | How to Customize a Webflow Template
Просмотров 1,2 тыс.6 месяцев назад
Webflow Template Tutorial | How to Customize a Webflow Template
Pages, Layouts, and Routing in Next.js
Просмотров 1367 месяцев назад
Pages, Layouts, and Routing in Next.js
How to Add Styles in Next.js (Tailwind, CSS Modules, Global, and Conditional)
Просмотров 7197 месяцев назад
How to Add Styles in Next.js (Tailwind, CSS Modules, Global, and Conditional)
Using React and ChatGPT to Make a Friends Page
Просмотров 22011 месяцев назад
Using React and ChatGPT to Make a Friends Page
ChatGPT's New Code Interpreter is a Game Changer
Просмотров 42211 месяцев назад
ChatGPT's New Code Interpreter is a Game Changer
Great video! very well explained and I like the example with the button, it makes it easier to understand for beginners like me
Love to hear that! Glad it helped and happy coding!
very helpfull, thanks
Glad it helped! Thanks for watching 🙂
hi my sql isn't connected to a server yours was green to show its running mine is red what do I do ?
If you download a different version, it should work! 👍
quick and easy. thanks
Glad it helped! Thanks for watching 🙂
Learning heaps from your tutorials, thank you!! One question. Is it ok to use Chat GPT for a website?
Awesome to hear! Thanks! ChatGPT can give you great copy that works well for someone visiting your site. It’d be better to plan for SEO (Search Engine Optimization). Deciding what keywords are best to target based on search, competitors, etc.. then more strategically writing copy around that.
This was really helpful. Nice animation
Thanks! Glad it was helpful 🙂
Good vid, helped me get started!
Awesome to hear! Happy coding!
Best video in the world😁
Haha thank you! 🙏
Hi, just asking. What tools did you use to create the client (Create React App or sth else)?
Yep! Create React App. Although nowadays, I’d probably use Vite. I have a video about using that as a CRA alternative: ruclips.net/video/O731xvxvcCo/видео.htmlsi=yVshxseJVXnzkJPc
this helps so much ! truly the GOAT
🐐🐐🐐
Please, could you explain what should we do if the compone t that we test uses hook for getting data from backend using Redux Toolkit Query and createApi function
Why can t we just put the same store that we put in app
what about the main.js file configuration. Looking forward to use tailwind-date-picker in my project but getting errors. How can i reach you?
when i click on start mysql server , it immediately goes red. Help me pls
Download the 8.0 version, I have Sonoma and when I downloaded the 8.4 it also flashed
I love weblow! Thanks for the video!!
Same!! Thanks for watching!
thank you!!!!!
You’re welcome!! 🤘
Hi. Thanks for the video👍 I'm currently using this template and I can't figure out how to change the stock/collection images individually. Everytime I try to change one, the other blocks update to the same picture. Please help🙏
Thanks for watching! It's probably set as a background image of a div, rather than just an image. So it could be a class name (e.g. hero image) that applies to all background images with the same class name. Try adding another, more specific combo class (e.g. hero image, about page). Feel free to share your project if you need me to take a look!
@@techcheck3042 im having trouble with that as well
Hi, thanks for the video! As I am now starting with node backends, this was very helpful!
Awesome to hear! Thanks for the comment and glad it helps!
AWESOME
Thank you!!
It helped me 😃
🎉🎉
thank you bro
You’re welcome! Thanks for watching
It worked for me, thanks for your help. I struggled for a half of the day after found you.
Awesome to hear. Glad it helped!
"promo sm" 🌷
thanks man you doing a great job cant believe people don't appreciate this all the best
Thanks man! 🙏
amazing video thanks
Thank you!! Glad it helped
"is deep" 💀
🤣🤣
Thank you soo much.
You’re welcome! Glad it helped
After importing, does that env variables available to all app or only for index.js?
Where can I find this code ?
thank you for the video !! one question, how could i make a list of quotes from this example ?? i mean how to store each call to store in an array (let's say 7 random quotes instead of 1)
Thanks for watching! I just looked at the API documentation - it looks like you can send a GET request to the same url, but /quotes instead of /random - that will give you an array of quotes. docs.quotable.io/docs/api/b8b96bc546285-get-quotes-with-author-details
I really hope you make a series on framer motion sir. Your tutorials are really really good❤❤❤🫡🫡🫡
Thank you!! ❤🫡
Obrigado irmão, muito rápido😮
De nada 👍
Whats the difference between axios and JS fetch? The only difference i can see is fetch word changed to axios, am i missing something here?
Axios is just easier to work with and has a lot of nice built-in behaviour like throwing errors on 400 and 500 response codes and auto-parsing JSON; you have to implement this yourself with fetch. Axios allows you to easily create dedicated HTTP clients with headers, a partial URL, etc built in so you don't have to supply them every time; you'd have to implement this yourself with fetch. This is very useful if your application needs to talk to multiple APIs.
@@techcheck3042 thanks for the response, axios seems like a winner amongst many, it seems like i need to add it to my arsenal. Will defo look into implementing it my learning
You explained it what took others more than 10 minutes, respect to you 🫡
Haha thanks man! 😎
Thank you for your help.
Glad it helped!
thank you so much
You’re welcome!
Damn everything I needed in tenminutes with no bull! Subscribed!
Thanks!
Thank you very much :)
I'm testing this out and my site isn't cosidered "secure". (as it's a simple html site). How do I fix this issue? is this happening because of Hostgator, and if so, where in hostgator do I go to change and corrent this issue? THanks for the tutorial.
One of the many options you can add on when buying a domain or hosting through HostGator, is an SSL certificate. Having an SSL certificate should fix the issue
@@techcheck3042 I`ll have to check my plan because I'm almost 100% sure that it comes with it. I just thought we had to activate it on that domain. But thanks!
Neat!
Thanks!
Thanks bro
Got chu
Quick and to the point, thank you!!
You’re welcome! Thanks for the comment 🙂
it's awesome! Could you please create a comprehensive video tutorial on building a fantastic portfolio using js, HTML, Vue.js and Tailwind CSS?
Thanks! This video should do it: ruclips.net/video/yErd-RE5gRg/видео.html
I enjoyed this tutorial 🎉🎉🎉. Very helpful!!!
Awesome to hear! Thank you! 🙏
Super helpful, thanks!!
Glad it helped! Thanks for watching!
To the point loved ur content
Thank you! 🙏
Awesome!!! But, what kind of configuration should I use if I have my vue app inside a directory instead of the html folder?
Amazing. Thanks!!
You’re welcome! Thanks for watching!
cool
Thanks! Agreed 🙂
Webflow is a game changer!
It really is! 🎉🙌