└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Resources & Tools (Now with AI Section) πŸ’»πŸ§ πŸŒ² 2 | ##### _A list of all of tools and resources i personally use or recommend_ 3 | 4 | ## Resources πŸ“š 5 | 6 | Sites, books, courses to learn, increase your capacity in computer science and Design 7 | 8 | #### Sites 9 | 10 | - β›½ [**Roadmap**](https://roadmap.sh). Provides easy to follow roadmaps for specific computer science fields or tecnologies. 11 | - 😎 [**Flavio Copes**](https://flaviocopes.com). Free e-books, lots of guides, great masterclasses, all of which (or almost all) free. 12 | - πŸ•οΈ [**Free Code Camp**](https://freecodecamp.org). Free premium courses about everything you need. Specifically web. 13 | - πŸ₯‹ [**Code Wars**](https://www.codewars.com). Learn while ranking. Resolve problems submitted by others and earn points. 14 | - πŸ‘Ύ [**Learn X**](https://github.com/ronreiter/interactive-tutorials). Series of free interactive code tutorials. Check them out and leave a star. 15 | - 🍏 [**W3Schools**](https://www.w3schools.com). Born for web, now full of guides that go through all the programming knowledge. 16 | - 🫐 [**Programiz**](https://www.programiz.com). Interactive tutorials, guides, language and basics. 17 | - 🎩 [**Dev.to**](https://dev.to). "DEV is a community of software developers getting together to help one another out." 18 | - 🦣 [**The Odin Project**](https://www.theodinproject.com). Interactive paths to become a web fullstack developer. Free courses. 19 | - βž• [**TutsPlus**](https://tutsplus.com). Tutorials and guides abount anything relative to code. 20 | - πŸŽ’ [**CodeAcademy**](https://www.codecademy.com). Courses to learn languages and technologies for free (also has a pro subscription) 21 | - πŸ”© [**SQLBolt**](https://sqlbolt.com). Learn SQL with simple, interactive exercises. 22 | - πŸŽ“ [**Linkeding Learning**](https://www.linkedin.com/learning/). Open online course provider, hosted by linkedIn and free for students. 23 | - πŸ“… [**DataCamp**](https://www.datacamp.com). Learn machine learning and data science, free for students. 24 | - πŸ”΅ [**Coursera**](https://www.coursera.org). Online degrees, courses and certifications from the best companies in the industry. 25 | - 🟦 [**EDx**](https://www.edx.org). Online degrees, courses and certifications from the best companies in the industry. 26 | - ⭐ [**ui.dev**](https://ui.dev). Tutorial and guides, mainly on javascript. 27 | - πŸ“œ [**Academy Hubspot**](http://academy.hubspot.com). Free courses and certification in every kind of thing. 28 | 29 | #### Youtube 30 | 31 | - πŸ’¬ [**Coding Tech**](https://www.youtube.com/c/CodingTech). Uploading conferences from all over the world. 32 | - πŸš‚ [**Coding Train**](https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw). One of th ebest channels of youtube. Javascript and related topic (also P5). 33 | - 🌱 [**Coding Garden**](https://www.youtube.com/c/CodingGarden/videos). Building fun, interactive apps and explaining all to you. Also codewars series. 34 | - πŸ‘¨β€πŸ’» [**Derek Banas**](https://www.youtube.com/c/derekbanas). 1Hour tutorials and series on most important topics. 35 | - πŸ•οΈ [**Free Code Camp**](https://www.youtube.com/c/Freecodecamp). Freecodecamp youtube channel. 36 | - πŸ₯·πŸ½ [**The Net Ninja**](https://www.youtube.com/c/TheNetNinja). FullStack tutorials. 37 | - πŸ”₯ [**FireShip**](https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA). High intensity code tutorials. 38 | - πŸ“’ [**Coding in Public**](https://www.youtube.com/channel/UCUSxKiac-miugK9CDsxGS9Q). Beginner to intermediate web dev tutorials. 39 | - ➿ [**WebDev Simplyfied**](https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw). Beginner tutorials to become full-stack. 40 | 41 | #### Books or related 42 | 43 | - πŸ“˜ [**Online Programming Books**](https://www.onlineprogrammingbooks.com). Easy to download PDF books on computer science topics. 44 | - πŸ“” [**Free-Programming-Books**(github)](https://ebookfoundation.github.io/free-programming-books/). A not-for-profit organization devoted to promoting the creation, distribution, archiving, and sustainability of free ebooks. 45 | - ⛰️ [**The Valley of Code**](https://thevalleyofcode.com/ebooks/). Short handbooks on everything you need. 46 | 47 | ## Tools 48 | 49 | Sites, social networks or software that improove the way you live computer science and design, from hobby to work 50 | 51 | #### Artificial Intelligence Section 52 | 53 | _Note that this list will be the fastest to be outdated, for this reason i highly succest you looking also at the FutureTools site_ 54 | 55 | - 🧠 [**FutureTools**](https://www.futuretools.io/). Collects & Organizes All The Best AI Tools. 56 | ------ 57 | - 🌡 [**Caktus Student**](https://www.caktus.ai/caktus_student). Every tool you need to enhance your student experience. (I'm not responsable by the usage) 58 | - πŸ§™πŸ½β€β™‚οΈ [**Wisdolia**](https://chrome.google.com/webstore/detail/wisdolia/). Extension used to automatically generate flashcards from any article, PDF, or YouTube video to improve retention, using AI. 59 | - πŸ‘Ÿ [**Runawayml**](https://chrome.google.com/webstore/detail/wisdolia/). Tools for creatives such as text to video, text to image, etc. 60 | - ✏️ [**Autodraw**](https://www.autodraw.com/). Draw beautiful sketches with the help of ai. 61 | - 🟣 [**Soundraw**](https://soundraw.io/). Generate every type of music you want for your projects. 62 | - πŸ”΅ [**Mubert**](https://mubert.com/). Like Sounddraw but free, little bit less options. 63 | - ❌ [**Mixo**](https://app.mixo.io/). AI-powered page builder to launch and validate your startup ideas. 64 | - πŸ—£οΈ [**ElevenLabs**](https://beta.elevenlabs.io/). Text to voice ai. 65 | - βœ’οΈ [**Looka**](https://looka.com). Pretty interesting logo generator. 66 | - πŸ§‘πŸ½β€πŸ¦° [**Synthesia**](https://www.synthesia.io/). Create professional videos in minutes, just type the text and choose the "person" that will read. 67 | - πŸ“– [**Tome**](https://beta.tome.app/). AI storytelling partner. 68 | 69 | 70 | #### Sites 71 | 72 | - 🌌 [**Repl-it**](https://replit.com/~). Online IDE for almost any language you could imagine, cloud, sharing. 73 | - ⚑ [**StackBlitz**](https://stackblitz.com). Online code editor for web-apps. Fantastic UX. 74 | - πŸͺ’ [**Trello**](https://trello.com/). Collaborative and management webapp, for teams but also for organizing your works. 75 | - ℹ️ [**DevDocs**](https://devdocs.io). Search through any language, framework, library documentation, all in one place. 76 | - πŸ§™β€β™‚οΈ [**CSSTricks**](https://css-tricks.com). Simply css tricks. 77 | - πŸ’œ [**unDraw**](https://undraw.co). Open-source illustrations for any idea you can imagine and create. 78 | - πŸ§” [**getAvataaars**](https://getavataaars.com). Avatar icons generator. 79 | - πŸ–ΌοΈ [**RaySo**](https://ray.so). Create code images in an awesome way. 80 | - 🧽 [**Haikei**](https://app.haikei.app). Abstract background generator in form of polygons or blobs, gradients and more. 81 | - ⏺️ [**Neumorphism**](https://neumorphism.io). Generate Soft-UI CSS code. 82 | - πŸ“ƒ [**CheckList**](https://www.checklist.design). Best design pratices presented in a form of various checklists. 83 | - βš–οΈ [**LawsOfUX**](https://lawsofux.com). A collection of best practices that designers can consider when building user interfaces. 84 | - πŸ“ [**Draw.io**](https://draw.io). Tool used to create any type of diagram. 85 | - πŸ“· [**Pexels**](https://www.pexels.com). Free photos of any kind. 86 | - πŸ“ [**LucidCharts**](https://www.lucidchart.com/pages/). Another tool used to create diagrams of any type. 87 | - πŸ³οΈβ€πŸŒˆ [**Coolors**](https://coolors.co/). Cool palettes. 88 | - 🟒 [**Icons8**](https://icons8.com/). Icons, photos, vector illustrations, 89 | - πŸͺ’ [**Sharpen**](https://sharpen.design). Design challenges made easy. 90 | - πŸ“Έ [**Lorem Picsum**](https://picsum.photos). Lorem Ipsum for photos. 91 | - ✏️ [**Doodle Ipsum**](https://doodleipsum.com). Lorem Ipsum for doodles. 92 | - 🌠 [**Open Props**](https://open-props.style/). Supercharged CSS variables, super useful. 93 | - 🟣 [**123Apps**](http://123apps.com). A lot of free tools and apps. 94 | - πŸ–ŒοΈ [**Tylify**](https://tylify.app). Create patterns easly. 95 | - πŸ€™πŸ½ [**Open Peeps**](https://www.openpeeps.com). Hand-drawn illustration library to create scenes of people. 96 | - πŸ₯ƒ [**Shotso**](https://shots.so/). Best mockup site hands down. 97 | - πŸ“„ [**RxResume**](https://rxresu.me/). Free and open source resume builder. 98 | - πŸ’ƒπŸ½ [**Tango**](https://www.tango.us/). Create how-to guides with screenshots, in seconds 99 | - 🟑 [**HoppyCopy**](https://www.hoppycopy.co/). Write high-converting emails in a smart and fast way. 100 | - πŸ“” [**Coverr**](https://coverr.co/). Beautiful Free Stock Video Footage. 101 | - 🀯 [**UnTools**](https://untools.co/). Tools to think better. 102 | - πŸŽ‹ [**Flourish**](https://flourish.studio/). Beautiful and easy data visualization and storytelling. 103 | - 🐢 [**Blush**](https://blush.design/). Easily create and customize stunning illustrations. 104 | - πŸ”₯ [**Fireflies**](https://fireflies.ai/). Fireflies.ai helps your team record, transcribe, search, and analyze voice conversations. 105 | 106 | #### Apps 107 | 108 | - ✈️ [**JetBrains**](jetbrains.com/). I think they made best IDEs for everything you'll need. 109 | - ♾️ [**VsCode**](https://code.visualstudio.com). The text editor i use everyday. 110 | - πŸ“Ÿ [**HyperJs**](https://hyper.is). Hyper is the terminal i use everyday. 111 | 112 | #### Font Sites Section 113 | 114 | - πŸ’• [**FontJoy**](https://fontjoy.com/). Font pairings in seconds. 115 | - πŸ”  [**Open-Foudry**](https://open-foundry.com/fonts) 116 | - πŸ”  [**LeagueofMovableType**](https://www.theleagueofmoveabletype.com) 117 | - πŸ”  [**LostType**](http://www.losttype.com/browse/) 118 | - πŸ”  [**Awwwards Font**](https://www.awwwards.com/awwwards/collections/free-fonts/) 119 | - πŸ”  [**Google Fonts**](https://fonts.google.com/) 120 | - πŸ”  [**Font Share**](https://www.fontshare.com) 121 | - πŸ”‘ [**Behance Fonts**](https://www.behance.net/search/projects/?search=Free+font) 122 | 123 | #### Socials 124 | 125 | - πŸ”΅ [**Linkedin**](https://www.linkedin.com). Must have social network to find jobs, people. 126 | - 🟠 [**Reddit**](https://reddit.com). Really nice social to interact with programmers or designers communities, maybe in local area 127 | - ⚫ [**Savee**](https://savee.it). Browse and save curated inspiration from designers all around the world. 128 | --------------------------------------------------------------------------------