μ μλ§ κΈ°λ€λ € μ£ΌμΈμ.
Frontend Tribe
2024. 8. 24.
π¨π¨ Download your FREE Portfolio Video Resources Here: π: https://lp.frontendtribe.com/single-page-dev-portfolio-resource-bundle π₯ What's Inside the resource bundle?: - π¨ Complete Responsive Designs - π Starter Template Files - π· All Images and Icons - π― 100% FREE! βΆοΈ Watch Part 1 of this tutorial series here: βΆοΈ https://youtu.be/IHL_r2otyw4 π Get a FREE 14-day trial of the browser used in this video: Polypane π https://polypane.app/?ref=frontendtribe Join us in this video for Part 2 of building a breathtaking animated portfolio website from scratch in just a few hours. You'll learn in-demand frontend technologies like React, Next.js, TailwindCSS, and Framer Motion to create a visually stunning and interactive portfolio that will leave a lasting impression on potential employers or clients. πβ¨ This tutorial is perfect for: - Beginners who want to learn valuable frontend skills and build a portfolio project. - Experienced developers who want to explore cutting-edge frontend technologies. - Anyone who wants to create a professional and engaging portfolio website. π€ Here's what you'll learn: - React & Next.js Foundations: Grasp the core concepts of these powerful frameworks and build dynamic, high-performance web applications. - TailwindCSS Mastery: Style your portfolio with ease and efficiency using Tailwind's utility-first approach. - Framer Motion & CSS Animations: Learn to create captivating animations and micro-interactions to bring your portfolio to life and enhance user experience. - End-to-End Project Build: Follow along as we develop the entire portfolio site, from initial setup through completion. π Timestamps: 00:00 - Introduction 01:17 - Testimonials Section 32:07 - About Section 1:40:24 - Call To Action Section 1:54:42 - Footer Section 2:09:57 - Hero Section Animations 2:34:30 - Featured Projects Section Animations 2:40:03 - Tape Section Animations 2:47:37 - Testimonials Section Animations 2:55:25 - About Section Animations π Subscribe for more awesome frontend dev content: https://www.youtube.com/@frontend-tribe?sub_confirmation=1 π Visit Our Website: https://frontendtribe.com #frontenddev #nextjs #tailwindcss #framermotion #portfolio #webdevelopment #codingtutorial π οΈ My Setup: IDE: Cursor IDE - https://www.cursor.com/ Browser: Polypane - https://polypane.app/?ref=frontendtribe π£ Frontend Tribe is on a mission to transform 10,000 lives through front-end development mastery! π£ Attribution disclaimer: This design was heavily inspired by the wonderful Personalfolio Portfolio Template design located here: https://www.figma.com/community/file/1297484254996536416/personalfolio-portfolio-template Affiliate links disclaimer: This video description contains affiliate links, which means I may receive a commission if you click on a link and make a purchase. However, I only recommend products I genuinely endorse and believe would be helpful to you. Your support helps me keep creating valuable content like this, so thank you!
π To try everything Brilliant has to offer for free for a full 30 days, visit https://brilliant.org/TechWithTim . You'll also get a 20% discount on a premium subscription. In this video, I'm going to show you how you can learn to code like a pro and not waste time. Tens of millions of people try to learn how to code every single year but only a small percentage succeed. That's because most people don't know how to learn, and learning to code is a lot different than other subjects that you're traditionally taught in school. So I will be breaking down the exact roadmap and process involved in learning how to code like a pro so that you stop wasting your time and actually start making progress. If you want to land a developer job check out my program with CourseCareers: https://techwithtim.net/dev β³ Timestamps β³ 00:00 | Learning to Code 00:25 | To Learn is to Struggle 03:35 | How To Learn Best 06:00 | Create a Roadmap 08:23 | Get Your Hands On The Keyboard! 11:15 | Build Something Really HARD Hashtags #programming #coding #tipsandtricks
2024. 9. 9.
Open Source funding has been a problem for a long time. While major infrastructure and basically all of modern software depends on it, people donβt pay for free software. A new project led by Sentry now wants to fix this problem by making donating to open source the new standard. Big companies pay high salaries to software engineers, so they should be able to afford open source donations as well. We have seen again and again that underfunded open source project can lead to massive security problems in the supply chain. === Check out solidtime - The Modern Open Source Time Tracker: https://www.solidtime.io/ === Open Source Pledge: https://opensourcepledge.com Thanks.dev: https://thanks.dev/ === Image Sources (Creative Commons): https://xkcd.com/2347/ https://www.flaticon.com/free-icon/coding_3382711?term=binary&page=1&position=6&origin=tag&related_id=3382711 https://commons.wikimedia.org/wiki/File:Nasdaq_Marketsite.jpg
2024. 10. 5.
These are 7 game-changing cli tools for macOs or Linux operating systems. I've been incorporating them into my workflow recently and they are incredibly helpful for working on the terminal. Hope you enjoy the video! βπ½ Blog Post With Code & Commands: https://bit.ly/49I5eqU π» Source Code/Dotfiles: https://bit.ly/4cFlPyq π§ Subscribe To My Newsletter: https://buttondown.email/josean βοΈ Help Support Me And The Channel: https://www.buymeacoffee.com/joseanmartinez β¨ My Wallpaper Pack: https://bit.ly/49pC13Q π Helpful Links fzf-git repo (for list of shortcuts): https://bit.ly/3Unwgzm fzf theme generator: https://bit.ly/49Ju3mi π₯ How To Use Setup Neovim in 2024: https://youtu.be/6pAG3BHurdM π₯ How to build a Corne keyboard: https://youtu.be/vzDTdLaAzXc?si=xGBmB9CWsrtUwmOM ----- β¨οΈ Corne Keyboard Parts 1. Cherry MX Corne V3 Kit: - Partially Assembled Kit: https://bit.ly/3wPLofX - Regular Kit: https://bit.ly/3PicaE5 2. Elite-C Microcontroller: - Little Keyboards: https://bit.ly/48Q9CDR - Keebio: https://bit.ly/3Pm9lBJ 3. Low Profile Sockets & Mill-Max Pins: https://bit.ly/3TePp4V 4. 128x32 Oled Screens: https://bit.ly/3TdjZMf 5. Corne Keyboard Case: https://bit.ly/48W6bLP or https://etsy.me/4ca7fPc 6. Corne Display Covers: https://bit.ly/48QgkJW 7. Switches & Keycaps: https://bit.ly/3Vbvrus 8. TRRS Cable: https://amzn.to/3PjyfBX β° Timestamps 00:00 - introduction 00:25 - fzf 06:27 - bat 09:00 - delta 10:15 - eza 13:07 - tldr 13:52 - thef*ck 14:49 - zoxide 17:32 - conclusion ** Disclaimers ** Links included in the description may be affiliate links. By clicking and/or purchasing from these affiliate links I receive a small commission (at no cost to you). This really helps me out in funding my videos and growing my channel! Thank you for all of your support.
2024. 4. 17.
#mobileappdevelopment #webdevelopment #coding #codewithmosh
2024. 7. 11.
Hey Everyone, today I'll show you how to make your VS Code setup 10x more productive with a few simple steps. Time Stamps: 00:00 Intro 00:32 Shortcuts 03:20 Theme & Icons 05:30 Layout & Settings 07:55 Extensions
2024. 7. 16.
π Flutter Beginner Tutorial: https://youtu.be/HQ_ytw58tC4 β€οΈ Please support my work: https://buymeacoffee.com/mitchkoko π Email: business@mitchkoko.app ~; https://pub.dev/packages/lottie https://lottiefiles.com/ ~; π₯·π½ SOCIALS https://instagram.com/createdbykoko/ https://twitter.com/createdbykoko/ https://www.tiktok.com/@createdbykoko/ https://www.patreon.com/mitchkoko/
2024. 10. 24.