Open Source & Free Tools for Web Workers

Discover amazing tech resources, carefully handpicked to keep you up-to-date and elevate your efficiency. Already 1502 badass resources curated.

  • Remote Rocketship
    Sponsor

    Remote Rocketship

    Find Your Dream Remote Job. Search 100,000+ work from home jobs at top remote companies. Loved by 10,000+ remote workers

    Read more
  • Remote Rocketship
    Remote Rocketship Remote Rocketship Remote Rocketship Remote Rocketship

    Find Your Dream Remote Job. Search 100,000+ work from home jobs at top remote companies. Loved by 10,000+ remote workers

    Remote Rocketship is a powerful job search platform designed to help you land your dream remote career by uncovering thousands of opportunities that other job boards miss.

    Here are the key benefits that give you a competitive edge:

    • Access to "Hidden" Jobs: Unlike traditional job boards that require companies to pay for listings, Remote Rocketship scrapes the entire internet daily to find jobs directly from company websites. This ensures you don't miss out on positions from top companies that choose not to use paid platforms like LinkedIn.

    • A Crucial Head Start: In a competitive market, being first matters. The tool finds jobs as soon as they are posted, allowing you to submit your application before the competition even knows the role exists.

    • Effortless Job Hunting: Instead of manual searching, you can set up daily email alerts that deliver the latest openings tailored to your specific interests directly to your inbox.

    • Hyper-Targeted Search: You can filter through over 100,000 remote jobs using granular criteria such as minimum salary, tech stack (e.g., Python, AWS), visa sponsorship (H1B), or even "no degree required" roles.

    • Global and Diverse Opportunities: The platform covers a vast range of industries—including AI, Fintech, Cybersecurity, and Marketing—and tracks remote-friendly roles in the US, Canada, Europe, Brazil, and worldwide.

    • Authenticity and Trust: Built originally as a personal tool to help the founder's wife find work, the service focuses on providing legitimate, up-to-date work-from-home listings by checking company websites multiple times a day.

      The website link is an affiliate link.

  • Shipfast
    Sponsor

    Shipfast

    Ship your startup in days, not weeks. Shipfast is a NextJS boilerplate with all you need to build your SaaS, AI tool, or any other web app and make your first $ online fast.

    Read more
  • Shipfast
    Shipfast Shipfast Shipfast Shipfast Shipfast

    Ship your startup in days, not weeks. Shipfast is a NextJS boilerplate with all you need to build your SaaS, AI tool, or any other web app and make your first $ online fast.

    ShipFast is a comprehensive NextJS boilerplate designed to help entrepreneurs and developers launch startups as quickly as possible, ideally within minutes. It provides a pre-configured foundation that includes all the essential "plumbing" of a modern web application so users don't have to build common features from scratch.

    The main features of the tool include:

    • Full-Stack Infrastructure: It comes integrated with Next-Auth for user authentication (supporting Google OAuth and Magic Links) and offers out-of-the-box support for databases like MongoDB and Supabase.

    • Ready-to-Use UI Components: The boilerplate includes a wide array of React components specifically for conversion, such as pricing tables, FAQ sections, testimonials, and "Hero" sections.

    • Monetization & Communication: It features built-in integrations for Stripe subscriptions and payments, along with email handling systems for tools like Mailgun or Resend.

    • Optimized for Growth: The tool is pre-configured with SEO best practices, analytics, and customer support modules to help a new business scale.

    • Security & Reliability: It incorporates essential security features such as rate limiting, schema validation, and security headers to protect the application.

    • Centralized Customization: Most of the app's behavior is controlled through a single config.js file, which acts as the backbone of the application and simplifies the setup process.

    The project structure is designed for efficiency, with dedicated directories for API routes, database models, and library helper functions, allowing for a clean and scalable codebase.

  • 30 days of Vue.js
    January 14, 2019

    30 days of Vue.js

    Over the next 30 days, Hassan Djirdeh will walk through everything you need to know to work with Vue. From the very beginning through topics like the Vue Instance, Components, and even Testing.

    Read more
  • 30 days of Vue.js
    30 days of Vue.js 30 days of Vue.js

    Over the next 30 days, Hassan Djirdeh will walk through everything you need to know to work with Vue. From the very beginning through topics like the Vue Instance, Components, and even Testing.

    30 Days of Vue (by newline) is a comprehensive, free educational resource designed to take developers from the absolute basics of the Vue.js framework to building professional, production-ready applications through 30 daily lessons.

    The main "features" of this learning tool include:

    • Progressive Curriculum: The course starts with the Vue Instance and reactive data before moving into complex topics like Components, State Management, and Testing.

    • Practical Directives: It provides hands-on examples of essential Vue directives, including v-for for dynamic list rendering and v-model for two-way data binding in forms.

    • Component-Based Architecture: Extensive coverage of building global and local components, using Props to pass data down to children and Custom Events to communicate back up to parents.

    • Advanced Tooling: Introduces professional development tools such as the Vue CLI for project scaffolding and Vue Devtools for browser-based debugging.

    • State Management Mastery: Teaches various ways to handle application-wide data, starting with a Simple Global Store and progressing to the Flux Architecture and Vuex.

    • Routing and Navigation: Dedicated lessons on client-side routing using the official Vue Router library to manage multiple views.

    • Professional Testing: A strong focus on reliability, introducing unit testing concepts and the official Vue Test Utils library.

    • Portable Learning: The entire course is available as a free 330+ page PDF, allowing students to learn offline and at their own pace.

  • Learn JavaScript
    January 12, 2019

    Learn JavaScript

    Learn in an interactive environment. Study short lessons and practice in an intuitive environment based on Tests. Written in French.

    Read more
  • Learn JavaScript
    Learn JavaScript Learn JavaScript Learn JavaScript Learn JavaScript

    Learn in an interactive environment. Study short lessons and practice in an intuitive environment based on Tests. Written in French.

    Learn JavaScript (learnjavascript.online) is an interactive, browser-based educational platform designed to teach modern JavaScript (ES2015+) through a hands-on, project-based approach. It targets beginner developers who have some basic programming experience and aims to prepare them for real-world development by focusing on best practices.

    The first 77 lessons, challenges, and projects (the first 7 chapters) are completely free. After that, you will be asked to upgrade (a one-time payment that gives you access for 5 years) if you want to access the full course.

    This course is written in French.

    The main features of this course include:

    • Interactive Learning Environment: Users can read concise lessons, save and export personal notes, and complete coding challenges directly in their browser without any external setup.

    • Modern Curriculum: The course covers the full spectrum of modern JavaScript, from fundamentals like variables and functions to advanced concepts like Asynchronous logic, Promises, Fetch, and the Event Loop.

    • Real-World Projects: The platform features 17 projects inspired by popular products, such as a GitHub API repository list, a Todo app using an API, and a comprehensive Food Tracker final project.

    • Integrated Flashcards App: To reinforce learning, the tool includes a separate app with over 250 flashcards that utilize spaced repetition, a proven method for long-term memory retention.

    • Mobile-Friendly Practice: Learners can maintain their progress and continue their studies or review flashcards on their mobile devices.

    • Test-Driven Challenges: The interactive challenges provide a test-driven environment where users can compare their code against official solutions to ensure they are following best practices.

    • Visual Knowledge Tracking: The platform provides a "knowledge map" and lesson recaps to help students visualize their progress and reinforce what they have learned.

    • Developer-Friendly Pricing: Unlike many subscription-based services, it offers a one-time payment for five years of access, following a generous free trial of the first 77 lessons and 7 chapters.

  • Free video series to learn CSS Grid
    September 4, 2018

    Free video series to learn CSS Grid

    Learn CSS Grid with 25 online videos (4 hours) recorded by Wes Bos to learn from fundamentals to real examples.

    Read more
  • Free video series to learn CSS Grid
    Free video series to learn CSS Grid Free video series to learn CSS Grid Free video series to learn CSS Grid Free video series to learn CSS Grid

    Learn CSS Grid with 25 online videos (4 hours) recorded by Wes Bos to learn from fundamentals to real examples.

    CSS Grid. It is important to note that CSS Grid is not a framework or library; instead, it is an addition to the CSS language itself.

    Features:

    Core Functionality and Layout Capabilities

    • Two-Dimensional Layouts: CSS Grid is a brand new layout system in CSS that specifically allows developers to quickly create flexible, two-dimensional layouts.

    • Placement and Sizing: It can be used to place, size, align, and architect designs.

    • Problem Solver: Grid enables the creation of designs that were previously difficult or even impossible using older techniques like floats or Flexbox. The sources note that learning CSS Grid will change the way you create layouts for the web forever.

    Context and Comparison

    • Relationship with Flexbox: While there is a large amount of overlap in functionality between CSS Grid and Flexbox, they both ultimately do their own thing.

    • Syntax: Although CSS Grid uses new syntax and layout ideas, the sources assert that it is fairly simple and can be broken down into a handful of powerful concepts.

    • Browser Integration: Modern browsers, particularly Mozilla Firefox, offer excellent developer tools for Grid, making it easier to understand, debug, and visualize complex grid layouts.

  • How Does Mastodon Work?
    September 11, 2018

    How Does Mastodon Work?

    You have already heard about the Mastodon social network but you still don't understand in detail how it works. Kev Quirk has written two articles to help you understand how it works and how to use it.

    Read more
  • How Does Mastodon Work?
    How Does Mastodon Work?

    You have already heard about the Mastodon social network but you still don't understand in detail how it works. Kev Quirk has written two articles to help you understand how it works and how to use it.

    The article provides a detailed guide explaining how Mastodon, a unique social media platform, works, noting that it can be confusing for new users because it does not function like other mainstream social media sites.

    1. Basic Interaction and Posting (Toots)

    • Toots: The equivalent of a "Tweet" is called a "Toot", which has a default limit of 500 characters.

    • Privacy Settings: Toots can be set to various privacy levels: public (default), unlisted, follower only, or direct.

    • Engagement Tools: Users can @mention other accounts and add media, links, and hashtags. Below every Toot, there are icons to reply, boost, or favourite.

    • Boosting (Re-sharing): Boosting re-shares a Toot to a user's followers. Crucially, users cannot add their own commentary to a boosted Toot, a design choice intended to prevent trolling.

    • Favouriting: Favouriting a Toot signifies support or agreement, similar to a "Like" or "heart" on other platforms.

    2. Federation and Instances (The Fediverse)

    • Unique Concept: The Fediverse (Federation) is a unique concept to Mastodon compared to other mainstream social networks.

    • Instances (Servers): The Mastodon network is made up of individual, completely separate servers called Instances. The concept is likened to email providers (e.g., Gmail, Hotmail), which are run by different companies but can all send emails to one another.

    • Cross-Instance Communication: Users on one instance (e.g., Fosstodon) can "Toot" with thousands of other Mastodon servers globally.

    • Mentioning Users: To mention a user on the same instance, you use the standard @mention format; to mention someone on a different instance, you must use the format @user@instance.name (e.g., @basil@sarcasm.stream). The system includes an auto-complete feature to help populate these handles.

    • Connecting Instances: Instances become connected (federated) when a user on one instance follows a user on another instance. This creates a snowball effect leading to the exponential growth of the Fediverse.

    3. The Three Timelines

    Unlike Twitter's single timeline, Mastodon features three distinct timelines:

    • The Home Timeline: Contains Toots from all the people you follow across the entire Fediverse.

    • The Local Timeline: Displays all public Toots from your specific instance (server). This is useful for discovering new people to follow locally.

    • The Federated Timeline: Contains all Toots from all instances that your server is federated with. This timeline contains posts from thousands of people but may include posts some users find offensive.

    4. Moderation and Control

    • Reporting: Users can Report egregious Toots to the instance staff, who review the report and can take appropriate action, ranging from no action to a warning or banning the user from the Instance.

    • Personal Moderation: Options available include Mute (stops seeing Toots from an account) and Block (prevents the account from interacting with you and mutes their Toots).

    • Filters: Users can set up filters to globally exclude certain keywords (e.g., swear words or specific topics like COVID-19 or hashtags) from their feeds.

    5. Key Advantages of Mastodon

    The article outlines several reasons to use Mastodon over mainstream networks:

    • Open Source: Being open source allows anyone to view the source code, providing reassurance that user data is not being harvested or spied on. It also ensures the project can be forked if the main developer leaves.

    • Chronological Timeline: All three timelines are always chronologically displayed. This avoids the use of "clever" algorithms designed by sites like Facebook and Twitter to artificially increase engagement by changing content order.

    • No Adverts or Tracking: Mastodon has NO ADVERTS, NO SPONSORED POSTS, and NO TRACKING. It is designed to bring people together, not to make money.

    • No Single Owner: Due to the collection of instances, users are not subject to a single site owner. If a user dislikes an instance's direction, they can use a migration tool to move their account to a new instance.

    • Interest-Specific Niches: While many instances are aligned to specific interests (e.g., FOSS-focused instances like Fosstodon), they still encourage discussion on varied topics, and users can follow diverse people on other instances.

  • Mastering markdown
    September 18, 2018

    Mastering markdown

    Yet another video series by Wes Bos. A quick 34 minute mini course for anyone who is looking to learn markdown for the first time, or fill in any gaps along the way.

    Read more
  • Mastering markdown
    Mastering markdown Mastering markdown

    Yet another video series by Wes Bos. A quick 34 minute mini course for anyone who is looking to learn markdown for the first time, or fill in any gaps along the way.

    Mastering Markdown is a mini video series designed to help anyone learn Markdown quickly—whether you’re a beginner or looking to fill in knowledge gaps. The course is about 34 minutes long and promises that Markdown, being a simple language, can be mastered in under an hour. The site focuses on practical, easy-to-follow instruction for writing in Markdown, making it accessible for all skill levels.

  • Introduction to Firebase
    October 16, 2018

    Introduction to Firebase

    As a mobile developer, using a back-end as a service (BaaS) platform can help you swiftly implement your ideas. Firebase has all the key features you need for rapid prototyping and quickly testing out your ideas. Read this introduction to Firebase tutorial written by Deepthi Bhattachar.

    Read more
  • Introduction to Firebase
    Introduction to Firebase

    As a mobile developer, using a back-end as a service (BaaS) platform can help you swiftly implement your ideas. Firebase has all the key features you need for rapid prototyping and quickly testing out your ideas. Read this introduction to Firebase tutorial written by Deepthi Bhattachar.

    The article, titled "Intégration et Authentification Firebase sur iOS" (Firebase Integration and Authentication on iOS), serves as a tutorial and comprehensive guide on integrating and configuring the Firebase back-end as a service (BaaS) platform within an iOS mobile application, with a specific focus on user authentication.

    Here is a summary of the key content:

    Firebase as a Solution for Rapid Prototyping

    The article highlights that mobile applications require a back-end server for user login and data synchronization. Firebase makes it easy for developers to test out ideas quickly—an era characterized by rapid prototyping—by providing essential back-end functionality, such as authentication, database services, and object storage, thus eliminating the need for server-side coding knowledge or time. Furthermore, Firebase includes useful capabilities for prototype validation, including analytics, A/B testing, and push notifications. The service is free for small projects.

    Step-by-Step iOS Integration

    The core of the article outlines the technical steps required to set up an iOS project (named MyFirstFirebaseApp) with Firebase:

    1. Project Setup: Creating a new Single View App Xcode project.

    2. Dependency Management: Initializing and using CocoaPods to add the prerequisite libraries via the Firebase/Core pod.

    3. Firebase Account Configuration: Creating an account in the Firebase Console (a Google product) and creating a new project. Although free for prototyping, the author notes the need to be aware of the pricing structure for production use.

    4. App Registration: Registering the iOS app, downloading the essential GoogleService-Info.plist file (which contains basic configuration information like client ID, API Key, and database URL), and adding it to the Xcode project.

    5. Initialization: Adding the initialization code (import Firebase and FirebaseApp.configure()) to the AppDelegate.swift file to ensure Firebase is correctly set up when the app launches.

    User Authentication and Management

    The article details the various user management and sign-in options available through the Firebase Dashboard's Authentication section, where developers can choose one or multiple methods:

    • Standard Methods: Email/Password, Google, Facebook, Twitter, GitHub, and Anonymous guest accounts.

    • Phone Authentication: Allows sign-in using a mobile phone number, with Firebase SDK tools for verification. This method is free for the first 10,000 logins per month under the free Spark plan.

    Implementing Phone Authentication

    The tutorial dedicates significant attention to configuring and implementing Phone Authentication in Swift:

    1. Configuration: Requires enabling Phone authentication in the Firebase Console and including the Firebase/Auth pod.

    2. Push Notifications and reCAPTCHA: It necessitates enabling push notifications in the Xcode project. It also requires configuring reCAPTCHA verification (using the REVERSEDCLIENTID in the Xcode URL Schemes) as a fallback mechanism if silent push notifications cannot be received (e.g., when using an iOS simulator or if background refresh is disabled).

    3. Cloud Messaging Setup: The tutorial includes instructions for configuring Firebase Cloud Messaging (FCM) by uploading APNs certificates and the APNs authentication key to the Firebase Console.

    4. Code Implementation: The provided Swift code utilizes RegistrationService to call PhoneAuthProvider.provider().verifyPhoneNumber, which sends a One-Time Password (OTP) to the user's phone. Upon receiving a verificationID, the app prompts the user to input the OTP via an alert dialog. Finally, the signIn method creates a Firebase credential using the verificationId and the OTP, completing the user sign-in process.

  • Class Central
    November 6, 2018

    Class Central

    Class-Central allows you to find the best free online courses from prestigious university.

    Read more
  • Class Central
    Class Central Class Central Class Central

    Class-Central allows you to find the best free online courses from prestigious university.

    Class Central functions as a universal aggregator for online courses. Its core mission is to help users find the best courses on almost any subject, wherever they exist.

    Here are the principal functionalities and features of Class Central:

    1. Course Aggregation and Scope

    • Vast Catalog: Class Central aggregates courses from a huge number of educational sources.

    • University Coverage: It includes courses from 1300+ Universities, noting institutions such as Harvard University, Yale University, MIT, Columbia University, and IIT Kharagpur. It specifically mentions courses from 1000+ universities.

    • Provider Network: It aggregates content from 100 Providers (e.g., Coursera, Google Skills, AWS Skill Builder, LinkedIn Learning) and 1700+ Institutions (e.g., Google, Amazon, Microsoft, IBM).

    • Free Resources: The service highlights access to 600 Free Google Certifications, 450+ Free Google Certificates, and 300+ Free Coursera Courses. It also features a massive list of Thousands of Free Certificates and Badges.

    2. Organization and Discovery

    • Subject Categorization: Courses are organized into major Subjects, including Computer Science, Health & Medicine, Mathematics, Business, Humanities, Engineering, Science, Education & Teaching, Social Sciences, Art & Design, Artificial Intelligence, Data Science, Programming, Personal Development, and Information Security (InfoSec).

    • Detailed Collections: Subjects are further broken down into specific Collections. Examples include Algorithms and Data Structures (under Computer Science), Anatomy (under Health & Medicine), and Digital Media (under Art & Design).

    • Browsing: Users can browse courses by subject or university.

    3. Rankings and Reviews

    • Ranking System: Class Central provides Rankings based on over 250,000 reviews written by Class Central users.

    • Best Courses: Ranking categories include Best Courses, Best of All Time, and Best of the Year (e.g., 2022, 2021).

    • Popularity: It tracks Most Popular Courses (e.g., Most Popular of All Time, Most Popular of the Year 2024, 2023).

    4. User and Community Features

    • Learning Management: Users can Sign up or Log in.

    • Lists: The service allows users to Organize and share their learning with Class Central Lists, with millions of lists created.

    • Bookmarks: Users can bookmark courses (with over 20M bookmarks created).

    5. News and Analysis ("The Report")

    • Educational News: Class Central publishes "The Report" which provides the latest news and analysis in online education.

    • Recent Topics: Articles cover issues like instructor protests, online learning deals, AI grading, and new degrees.

    • Guides: It features Best Courses Guides on various topics, such as Biology, GRC (Governance, Risk & Compliance), and GRE Prep.

  • Hackr.io
    November 13, 2018

    Hackr.io

    Find the Best Programming Courses & Tutorials. Free and paid plans.

    Read more
  • Hackr.io
    Hackr.io Hackr.io Hackr.io

    Find the Best Programming Courses & Tutorials. Free and paid plans.

    Hackr.io | Ultimate Tech Learning Hub is a comprehensive educational platform centered on programming, development, and technology.

    Here is a summary of its main features and functionalities:

    Core Content and Topics

    Hackr.io focuses on a wide range of popular technologies and educational topics:

    • Programming Languages: Python, HTML, JavaScript, Java, C++, PHP, React, and Arduino.

    • Major Areas: Web Development, Data Analysis, Data Structures & Algos, Linux, Docker, Crypto, and AI (Artificial Intelligence).

    • Learning Paths: Content is categorized into Beginner Courses and Intermediate Courses.

    Projects and Practical Application

    A central feature is the emphasis on hands-on project building across various languages:

    • Project Variety: The platform offers extensive lists of projects for languages like Python (e.g., Python File Organizer, Python URL Shortener), HTML (e.g., Interactive Photo Gallery, Professional Portfolio Page), JavaScript (e.g., Drum Kit, Quiz App), Java (e.g., Chat App, Chess Game), and C++ (e.g., Bank Management System, File Encryption App).

    • Code Alongs: The hub also provides Code Alongs for guided practice.

    Educational Resources and Documentation

    Hackr.io provides diverse supporting materials beyond formal courses:

    • Articles and Blog: Features articles covering important topics such as Python Project Ideas, Best Online Learning Platforms, Top AI Coding Assistants, Best Linux Distros for Programming, Best Python IDEs Compared, and guides on specific coding concepts (e.g., understanding Python for loops, using the <img> tag in HTML, or basic Linux Commands).

    • Cheat Sheets: Offers essential quick reference guides for multiple technologies, including C++, Java, Python, SQL, and Big-O Notation.

    • User-Submitted Resources: The platform hosts user-contributed content for topics like Python, HTML, JavaScript, and Linux.

    Integrated Tools and AI Services

    To enhance the learning experience, the service includes various integrated tools:

    • Code Editors (IDEs): Provides dedicated editors for Python, HTML, and JavaScript.

    • AI Tools: Offers AI-powered services like MentorAI and AI Interviewer. Users can also seek guidance from an AI Assistant.

    • VSCode Support: The site features articles reviewing the Best VSCode Extensions for Developers and Top VSCode Themes.

    User and Account Features

    The platform manages user activity and offers distinct plans:

    • It features a user Dashboard.

    • It offers various pricing Plans and Premium membership options.

    • Specific resources and catalog access are available For Students.