{"version":"1.0","type":"stack","id":"d67cc75c-8bdb-45e0-a7c2-320bf9fbb10e","url":"https://stacklist.com/c/technology/stack/JtaXEFxfuhK97CvOe89U","title":"📚 Learning — Becoming a Frontend Dev","description":"I worked mostly with these on the frontend team in my first tech job\n","privacy":"public","created_at":"2025-03-06T09:00:14.268Z","updated_at":"2025-03-06T09:00:14.268Z","author":{"username":"thetosinfaith","name":"Tosin Faith ","url":"https://stacklist.com/thetosinfaith","type":"person"},"category":{"id":"technology","name":"technology","url":"https://stacklist.com/c/technology"},"items":[{"id":"b68ed1d8-6168-4804-9d9f-9e64300e7341","position":1,"title":"Vue.js: JavaScript Framework","url":"https://vuejs.org/","note":"Discover the popular JavaScript framework for building robust and maintainable web applications. Explore its features, documentation, and community resources to learn more.\n","image":{"url":"https://ucarecdn.com/30bcd1c6-5a80-475b-9c61-40c5b8c8e00d/-/crop/1000x1000/500,0/-/preview/","alt":"Vue.js: JavaScript Framework","width":1200,"height":630},"direct_link":"https://stacklist.com/card/b68ed1d8-6168-4804-9d9f-9e64300e7341","created_at":"2025-03-06T10:14:01.184Z","updated_at":null},{"id":"f0f697e5-417a-4a74-8208-2a239dc46622","position":2,"title":"Vue Router: Vue JS Router","url":"https://router.vuejs.org/","note":"Build scalable and maintainable applications with a robust and flexible router designed specifically for Vue.js.\n","image":{"url":"https://ucarecdn.com/50098bc9-4d56-41d1-803a-c1866ca11de8/-/crop/304x304/34,0/-/preview/","alt":"Vue Router: Vue JS Router","width":1200,"height":630},"direct_link":"https://stacklist.com/card/f0f697e5-417a-4a74-8208-2a239dc46622","created_at":"2025-03-06T10:15:51.543Z","updated_at":null},{"id":"5cee88d8-f396-4af7-9005-9bc24aaac484","position":3,"title":"Vuex: State Management","url":"https://vuex.vuejs.org/","note":"A state management library for Vue.js, helps you manage global state and makes your Vue.js application more predictable and easier to debug.\n","image":{"url":"https://ucarecdn.com/4ee418d2-ebbd-4869-b0c4-3dd977e757a2/","alt":"Vuex: State Management","width":1200,"height":630},"direct_link":"https://stacklist.com/card/5cee88d8-f396-4af7-9005-9bc24aaac484","created_at":"2025-03-06T10:17:47.270Z","updated_at":null},{"id":"78e699b3-a0a2-4354-b33e-34da39dda938","position":4,"title":"GraphQL: Query Language","url":"https://graphql.org/","note":"A query language for your API, designed for efficient and flexible data querying. Defines a type system for data and provides efficient a query language for requesting that data.\n","image":{"url":"https://ucarecdn.com/3987a706-f0d2-419a-9a45-08d911558867/","alt":"GraphQL: Query Language","width":1200,"height":630},"direct_link":"https://stacklist.com/card/78e699b3-a0a2-4354-b33e-34da39dda938","created_at":"2025-03-06T10:21:01.619Z","updated_at":null},{"id":"344c19f6-fd46-4720-b9ff-ea8bedb0094d","position":5,"title":"Axios: HTTP Client Library Used With GraphQL","url":"https://medium.com/@stubailo/how-to-call-a-graphql-server-with-axios-337a94ad6cf9","note":"In this article, learn how to use Axios to make HTTP requests to a GraphQL server.\n","image":{"url":"https://ucarecdn.com/b2b06070-2a3c-440c-b3fb-6dd33b8a7977/-/crop/376x376/10,0/-/preview/","alt":"Axios: HTTP Client Library Used With GraphQL","width":1200,"height":630},"direct_link":"https://stacklist.com/card/344c19f6-fd46-4720-b9ff-ea8bedb0094d","created_at":"2025-03-06T10:24:00.625Z","updated_at":null},{"id":"25491104-e1f4-4726-b276-d7fdac5e9854","position":6,"title":"Tailwind: CSS Framework","url":"https://tailwindcss.com","note":"Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.\n","image":{"url":"https://ucarecdn.com/635aa7e3-9715-4e0c-b59a-eca83dd84e93/-/crop/631x630/32,0/-/preview/","alt":"Tailwind: CSS Framework","width":1200,"height":630},"direct_link":"https://stacklist.com/card/25491104-e1f4-4726-b276-d7fdac5e9854","created_at":"2025-03-06T10:28:06.035Z","updated_at":null},{"id":"6d52381e-990f-43b2-bc99-a015b6c5a548","position":7,"title":"Sass: CSS Preprocessor","url":"https://sass-lang.com/","note":"A powerful, beginner-friendly CSS extension language that helps you create scalable and maintainable stylesheets.\n","image":{"url":"https://ucarecdn.com/f5ecce06-6109-4ba4-b4eb-6349766ed1f4/-/crop/514x514/0,0/-/preview/","alt":"Sass: CSS Preprocessor","width":1200,"height":630},"direct_link":"https://stacklist.com/card/6d52381e-990f-43b2-bc99-a015b6c5a548","created_at":"2025-03-06T10:29:06.415Z","updated_at":null},{"id":"d662134d-140f-4f8a-87e4-fd8657b77aee","position":8,"title":"i18next: JS Internationalization Framework","url":"https://www.i18next.com/","note":"Learn how to use i18next, the leading JavaScript internationalization and localization library for browser and node.js. Understand the basic concepts and get started with i18next.\n","image":{"url":"https://ucarecdn.com/73a977ef-9eff-4517-84b4-673e1287e516/-/preview/-/resize/1200x/-/quality/best/-/format/webp/","alt":"i18next: JS Internationalization Framework","width":1200,"height":630},"direct_link":"https://stacklist.com/card/d662134d-140f-4f8a-87e4-fd8657b77aee","created_at":"2025-03-06T11:12:22.887Z","updated_at":null},{"id":"5e3536c0-b786-48e7-a3b0-692b3a9fadbf","position":9,"title":"gql-query-builder","url":"https://www.npmjs.com/package/gql-query-builder?activeTab=readme","note":"Simple GraphQL Query Builder. Latest version: 3.8.0, last published: 2 years ago. Start using gql-query-builder in your project by running `npm i gql-query-builder`. There are 94 other projects in the npm registry using gql-query-builder.\n","image":{"url":"https://ucarecdn.com/294cb855-5004-40db-8a9d-c860c090ab79/","alt":"gql-query-builder","width":1200,"height":630},"direct_link":"https://stacklist.com/card/5e3536c0-b786-48e7-a3b0-692b3a9fadbf","created_at":"2025-03-06T11:43:42.193Z","updated_at":null},{"id":"a562c74b-948c-419c-8be1-094288aec490","position":10,"title":"Fragments: Apollo GraphQL Docs","url":"https://www.apollographql.com/docs/react/data/fragments","note":"Learn how to share fields between operations and queries in Apollo GraphQL using React\n","image":{"url":"https://ucarecdn.com/963b6fcb-3ad6-4f8a-8eff-eda2fbed4a49/-/crop/669x669/52,0/-/preview/","alt":"Fragments: Apollo GraphQL Docs","width":1200,"height":630},"direct_link":"https://stacklist.com/card/a562c74b-948c-419c-8be1-094288aec490","created_at":"2025-03-06T11:48:20.223Z","updated_at":null},{"id":"d1a6fba4-169c-4d64-8ffb-b43b713d772f","position":11,"title":"The Frontend Repository","url":"https://docs.google.com/document/d/1EnMQK7yW3jqhlBxvlyLwzJcXxEljZwbjCaKcj7s2uQo/edit?usp=sharing","note":"Discover the Frontend Repository, hosted on GitHub, and explore its major folders. Get started with the layouts in src/layout, including the root layout in index.vue, and dive into views for each section in src/views. Learn more about the repository's structure and organization.\n","image":{"url":"https://ucarecdn.com/dfa65d70-5bb5-4c18-84d9-c2d931d335cd/","alt":"The Frontend Repository","width":1200,"height":630},"direct_link":"https://stacklist.com/card/d1a6fba4-169c-4d64-8ffb-b43b713d772f","created_at":"2025-03-06T13:44:48.797Z","updated_at":null},{"id":"d5a40b45-bd6b-473e-8ed7-44c5fa89c45e","position":12,"title":"Signal Functions","url":"https://docs.google.com/document/d/1Oy-AWVCewuCb403GiJ2QxqfxSAcAGkJrnLlmtjOqjxY/edit?usp=sharing","note":"Explore Signal Functions, an open-source library that enables interactive experiences! ScrollDepthSignal is a signal function that attaches a scroll event listener to the page, triggering a callback function on every scroll. This interactive signal helps track user engagement.\n","image":{"url":"https://ucarecdn.com/fc801d12-dd38-409c-a7e9-22f95dd70bf0/","alt":"Signal Functions","width":1200,"height":630},"direct_link":"https://stacklist.com/card/d5a40b45-bd6b-473e-8ed7-44c5fa89c45e","created_at":"2025-03-06T13:50:51.745Z","updated_at":null},{"id":"6ae48bad-ee39-4dc3-b522-bc5e5c4db846","position":13,"title":"Become an AI-Powered Engineer with Cursor: Free Generative AI (GenAI) Tutorial","url":"https://www.udemy.com/course/become-an-ai-powered-engineer-with-cursor/","note":"Unlock the power of AI in coding with this comprehensive course on Cursor, the AI-First Integrated Development Environment (IDE). Learn to write code faster and more efficiently with AI-powered tools and features.\n","image":{"url":"https://ucarecdn.com/611d5ac2-d5be-42e3-85e1-f3fbfd115cad/","alt":"Become an AI-Powered Engineer with Cursor: Free Generative AI (GenAI) Tutorial","width":1200,"height":630},"direct_link":"https://stacklist.com/card/6ae48bad-ee39-4dc3-b522-bc5e5c4db846","created_at":"2025-03-08T22:16:55.911Z","updated_at":null},{"id":"34c63dd3-c0ae-4ea3-b6a8-2da3b581f774","position":14,"title":"Simplifying Navigation with Google's Web Showcase","url":"https://thewebshowcase.withgoogle.com/#card-deliver-app-like-navigations","note":"Explore the latest web technologies and innovations that empower your app with seamless navigation, instant reach, and collaborative capabilities, driving user engagement and business growth.\n","image":{"url":"https://ucarecdn.com/f88d98fb-72d6-4c55-91e7-e47f8eaf6cfc/","alt":"Simplifying Navigation with Google's Web Showcase","width":1200,"height":630},"direct_link":"https://stacklist.com/card/34c63dd3-c0ae-4ea3-b6a8-2da3b581f774","created_at":"2025-03-14T12:35:21.742Z","updated_at":null},{"id":"25bffc07-26b0-4367-909f-fd79eed6f182","position":15,"title":"Build Chat App with React, Socket.io, Nodejs, Redux-Toolkit, MongoDB ","url":"https://www.youtube.com/watch?v=DyffqfyWgUE","note":"Discover a comprehensive guide to building a real-time chat application with React, Node.js, and MongoDB, featuring Socket.io for real-time messaging and Redux-Toolkit for state management.\n","image":{"url":"https://ucarecdn.com/8836c345-2576-41f4-a182-ff42a01465e6/-/crop/720x720/0,0/-/preview/","alt":"Build Chat App with React, Socket.io, Nodejs, Redux-Toolkit, MongoDB ","width":1200,"height":630},"direct_link":"https://stacklist.com/card/25bffc07-26b0-4367-909f-fd79eed6f182","created_at":"2025-03-31T14:58:14.523Z","updated_at":null},{"id":"021cd07b-74ae-436f-81d4-5e4cc1eeff3f","position":16,"title":"How to Create a New Branch on GitHub","url":"https://www.youtube.com/watch?v=Lf3DYRvCPFo","note":"Learn how to create a new branch on GitHub, commit, and push changes in this easy-to-follow YouTube tutorial.\n","image":{"url":"https://ucarecdn.com/2ab1b677-2900-4cfc-b606-935b23252d9a/-/crop/720x720/295,0/-/preview/","alt":"How to Create a New Branch on GitHub","width":1200,"height":630},"direct_link":"https://stacklist.com/card/021cd07b-74ae-436f-81d4-5e4cc1eeff3f","created_at":"2025-03-31T15:03:44.289Z","updated_at":null},{"id":"f944d571-9827-4811-8d46-4d7dfe40be8d","position":17,"title":"17 Libraries to Become a React Wizard ","url":"https://dev.to/copilotkit/17-libraries-to-become-a-react-wizard-1g6k","note":"Discover 17 essential libraries to take your React skills to the next level and master the art of React development.\n","image":{"url":"https://ucarecdn.com/a5192f97-e9cd-43b3-b754-48417b69dfff/-/crop/168x168/232,0/-/preview/","alt":"17 Libraries to Become a React Wizard ","width":1200,"height":630},"direct_link":"https://stacklist.com/card/f944d571-9827-4811-8d46-4d7dfe40be8d","created_at":"2025-03-31T15:08:50.599Z","updated_at":null},{"id":"03c87d6e-2959-4648-92ce-4ab0f42dbaa6","position":18,"title":"TypeScript Tutorial ","url":"https://www.youtube.com/playlist?list=PL4cUxeGkcC9gUgr39Q_yD6v-bSyMwKPUI","note":"In this tutorial series we'll learn all about TypeScript - a superset of the JavaScript language.","image":{"url":"https://ucarecdn.com/d7c8468a-962d-4906-a292-91f2672fc467/-/crop/916x915/249,0/-/preview/","alt":"TypeScript Tutorial ","width":1200,"height":630},"direct_link":"https://stacklist.com/card/03c87d6e-2959-4648-92ce-4ab0f42dbaa6","created_at":"2025-05-22T11:04:59.989Z","updated_at":null},{"id":"5655852b-c5a1-40bf-859a-3ac996586cdb","position":19,"title":"How we built a Scalable Data Platform · JC","url":"https://jchandra.com/posts/data-infra/","note":null,"image":{"url":"https://ucarecdn.com/b210979f-bc7e-4c52-9b19-239a73010d78/","alt":"How we built a Scalable Data Platform · JC","width":1200,"height":630},"direct_link":"https://stacklist.com/card/5655852b-c5a1-40bf-859a-3ac996586cdb","created_at":"2025-06-25T16:23:26.591Z","updated_at":null}],"stats":{"likes_count":0,"items_count":19},"_links":{"self":"/api/public/stack/JtaXEFxfuhK97CvOe89U.json","html":"https://stacklist.com/c/technology/stack/JtaXEFxfuhK97CvOe89U","rss":"/api/feeds/stack/JtaXEFxfuhK97CvOe89U/rss","json_feed":"/api/feeds/stack/JtaXEFxfuhK97CvOe89U/json"}}