์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Frontend Tribe
2024. 7. 6.
๐จ๐จ Download your video resources here ๐: ๐จ๐จ https://lp.frontendtribe.com/dark-saas-landing-page-resource-bundle In this video, you'll level up your front-end development skills to help you land your dream job! Discover how to create a stunning dark SaaS landing page with Next.js and Framer Motion. From structuring your layout to adding smooth animations, I'll guide you through the entire process step-by-step. By the end, you'll have a next-level landing page to showcase in your portfolio, guaranteed to impress potential employers. In this video, you'll learn: - Next.js Fundamentals: How to structure and build a modern, responsive SaaS landing page using Next.js, focusing on its powerful features for creating high-performance React applications. - Framer Motion Animations: How to integrate and use Framer Motion to add smooth, professional-looking animations that enhance user experience and bring the landing page to life. - Dark Mode Implementation: Techniques for designing and implementing an appealing dark mode interface, including color scheme selection and accessibility considerations. ๐ Timestamps: 00:00 - Introduction 01:38 - Build Preview 03:00 - Getting Started 07:47 - Banner Component 18:31 - Navbar Component 33:55 - Hero Section 1:02:26 - Logo Ticker Section 1:18:20 - Features Section 1:31:19 - Product Showcase Section 1:37:06 - FAQs Section 1:53:08 - Call To Action Section 2:06:12 - Footer Section 2:14:48 - Hero Animation 2:20:10 - Logo Ticker Animation 2:26:43 - Features Animation 2:41:43 - Product Showcase Animation 2:50:50 - FAQs Animation 2:55:40 - Call To Action Animation ๐ Subscribe for more great frontend dev content: https://www.youtube.com/@frontend-tribe?sub_confirmation=1 ๐ Visit our website: https://frontendtribe.com #frontenddev #nextjs #framermotion #saaslandingpage #webdevelopment #codingtutorial #developers Frontend Tribe is on a mission to transform 10,000 lives through front-end development mastery! Attribution Disclaimer: Design adapted from 'SaaS Website UI Kit โ Framer Website Kit' by Framer: https://figma.com/community/file/1347551304372055519
The AI Engineer Path - https://v2.scrimba.com/the-ai-engineer-path-c02v?via=Codevolution ๐ Frontend Interview Course - https://learn.codevolution.dev/ ๐ Support UPI - https://support.codevolution.dev/ ๐ Support Paypal - https://www.paypal.me/Codevolution ๐พ Github - https://github.com/gopinav ๐ฑ Follow Codevolution + Twitter - https://twitter.com/CodevolutionWeb + Facebook - https://www.facebook.com/codevolutionweb ๐ซ Business - codevolution.business@gmail.com In this video, we explore the top AI coding tools of 2024 that are revolutionizing software development. From code completion to code generation, design-to-code conversion, and code quality enhancement, these AI tools can help you work faster and more efficiently. Learn how to integrate these AI tools into your workflow and amplify your coding capabilities. 00:00 Introduction 00:56 AI Coding Assistants 01:31 Code Completion tools 02:40 Code Generation Tools 04:02 Design to Code Conversion 04:25 Code Quality and Security 04:47 Collaboration 05:34 IDEs 06:13 Conclusion
2024. 7. 19.
์ด๋ฒคํธ ์์ฑ๊ณผ MSA 4ํ์ฐจ์ ๋๋ค. ์ค๋์ 6์ฅ์ ๋๊ฐ๋๋ค.
2024. 9. 19.
์คํ ํก๋ฐฉ (https://open.kakao.com/o/gGn2mAnc) ์ฝ๋ฉ์ ๊ด์ฌ์๋ ์ฌ๋๋ค์ด ํ ๋ก ํ๊ธฐ ์ํด์ย ์นด์นด์คํก ์คํ ์ฑํ ์คํํ์์ต๋๋ค. ์๋ณธ์์ค - https://github.com/you6878/mvvmhowlstagram.git
2023. 2. 19.
โ๏ธ ๐๐๐ ๐บ๐ฒ ๐ฎ ๐ฐ๐ผ๐ณ๐ณ๐ฒ๐ฒ: To support the channel and encourage new videos, please consider buying me a coffee here: https://ko-fi.com/bugbytes In this video, we'll look at nested serializers in Django REST Framework, for returning nested, relational data in JSON format. We'll see how to nest serializers, as well as other formats for serializer relations - including returning primary keys and hyperlinks for related objects. We'll also cover the SerializerMethodField in this video - which is useful for returning data based on an instance, but modified in some way. Starter Code: https://github.com/bugbytes-io/drf-course-api ๐ ๐๐ต๐ฎ๐ฝ๐๐ฒ๐ฟ๐: 00:00 Intro 00:24 api_view() decorator in REST Framework 01:09 Nested Serializers in Django REST Framework 09:39 Representing Foreign Keys in API output 13:15 SerializerMethodField in Django REST Framework 19:04 Further nested relationships 23:10 Adding model properties to serializers 24:39 Overview of Serializer Relations ๐ฆ๐ผ๐ฐ๐ถ๐ฎ๐น ๐ ๐ฒ๐ฑ๐ถ๐ฎ: ๐ Blog: https://bugbytes.io/posts/ ๐พ Github: https://github.com/bugbytes-io/drf-course-api ๐ฆ Twitter: https://twitter.com/bugbytesio ๐ ๐๐๐ฟ๐๐ต๐ฒ๐ฟ ๐ฟ๐ฒ๐ฎ๐ฑ๐ถ๐ป๐ด ๐ฎ๐ป๐ฑ ๐ถ๐ป๐ณ๐ผ๐ฟ๐บ๐ฎ๐๐ถ๐ผ๐ป: Starter Code: https://github.com/bugbytes-io/drf-course-api Serializers: https://www.django-rest-framework.org/api-guide/serializers/ Serializer Relations: https://www.django-rest-framework.org/api-guide/relations/ SerializerMethodField: https://www.django-rest-framework.org/api-guide/fields/#serializermethodfield #python #django #webdevelopment #djangorestframework
2024. 10. 4.
There has been two main Frameworks, Remix and NextJS. For nearly four years, Remix has been a fullstack framework built on web standards, helping developers build better websites and applications. At React Conf 2024, the Remix team announced that Remix will be sunsetted and its features integrated into React Router v7. In this video, we'll explore why this change makes sense and what it means for the React ecosystem. Announcement Post: https://remix.run/blog/merging-remix-and-react-router React Conf 2024 (1hr 32mins in): https://youtu.be/T8TZQ6k4SLE?start=5552 ------- ๐ฆ Twitter (X): https://jollycod.ing/x ๐ค Personal Site: https://jollycod.ing/me ๐ป GitHub: https://jollycod.ing/git JollyUI: https://jollycod.ing/ui Where I Work: https://jollycod.ing/work Chapters: Intro: 00:00 Announcement: 00:28 My Thoughts: 11:39
2024. 5. 15.
๋น๊ทผ์ ์ฑ์ฅ๊ณผ ํจ๊ป ํ๋ก๋ํธ๋ฅผ ๋ง๋๋ ๊ณผ์ ์์ ๊ฒช์ ๋ค์ํ ๊ฒฝํ์ ๊ณต์ ํด์. ๐ฅ ํ ๋ฌ ๋์ ๋ง๋ ์๋น์ค, ์ผ ๋ ๋ฐ ๋ง์ ์ ๊ตญ ์คํํ๊ธฐ (์ก์งํ/์ปค๋ฎค๋ํฐ์ค) #kotlin #spring ๐ฅ ๋น๊ทผ ๊ณต๊ณ ์ดํด๋ณด๊ธฐ : https://about.daangn.com/jobs/ ๐ฅ ๋ฐํ ์๋ฃ : https://daangn.notion.site/SERVER-5599a1755889426bafd4e87a0562e0b6 * ๋น๊ทผ Server ๋ฐ์ 1ํ ๋ค์๋ณด๊ธฐ : https://youtube.com/playlist?list=PLaHcMRg2hoBr5s_jn5CzZrpkmHOY0N8w7&si=VRdpYyoT0bjZ3VOW
2023. 11. 23.