Explore our extensive collection of courses designed to help you master various subjects and skills. Whether you're a beginner or an advanced learner, there's something here for everyone.
Join us for our free workshops, webinars, and other events to learn more about our programs and get started on your journey to becoming a developer.
For all the self-taught geeks out there, here is our content library with most of the learning materials we have produced throughout the years.
It makes sense to start learning by reading and watching videos about fundamentals and how things work.
Data Science and Machine Learning - 16 wks
Full-Stack Software Developer - 16w
Search from all Lessons
Curated list of small interactive and incremental exercises you can take to get better at any coding skill.
Curated section of projects to build while learning with simple instructions, videos, solutions, and more.
Guides on different topics related to the technologies that we teach in our courses
learn.json file is where all the configurations from the teacher should be set. These are the properties that you can change from the configuration:
port: The port where the instructions will be hosted. (Default: 3000).
editor: Editor will be the object with all the editor options, which are the following:
mode: The mode could be
vscode (when using the vscode plugin) or standalone (When working locally without vscode).
agent: The agent is where you are going to show the instructions, it could be
version: This is related to the UI version, by default, it will use the newest version of the UI, anyway you can use an older version.
dirPath: The path to the configuration directory, by default this directory will be named “.learn” and will be located at the root of the project.
configPath: The path to the configuration file, this file will be named learn.json by default.
outputPath: The path to the folder where the output of the exercises will be located. It will be
.learn/dist by default.
publicPath: The path of the domain where the result will be hosted. Its value will be
/preview by default.
publicUrl: The URL where the instructions will be hosted, its value depends on the agent that you are using.
language: The programming language used in the tutorial. It could be set to auto if you are using many programming languages, LearnPack will auto-detect the language.
grading: The grading mode of the tutorial. You can see more about grading modes here: Grading Modes
exercisesPath: The path to the folder where the exercises are located. They could be located at the root of the project.
disabeldActions: This will be an array with the actions that you would like to disable, i.e.: You can disable the option of having a test on your tutorial while you fix a bug. You can disable the following actions: Build, Reset, Test and Tutorial.
slug: The name of the tutorial. It is automatically created when you create the tutorial, but you can also change it later.
title: The title of the tutorial.
preview: It’s an image that can be used for the introduction of your exercises.
repository: The link where the repository of the tutorial is hosted.
description: The description of the tutorial.
intro: Here you can add the link to an introductory video that you can show before the first exercise.
duration: The estimated time that it should take you to finish the tutorial.
difficulty: The difficulty of the tutorial.
autoStart: It will allow you to decide if LearnPack should start automatically when opening the repository at vscode.
😳 Disclaimer: The next features are still a work in progress! Bear with us while we still develop them for you.
bugs: Add a link where the learners can report bugs found in your tutorial.
webpackTemplate: It will allow creators to have their own webpack template.
These are the plugins for the named languages:
PS: When using one of these languages with LearnPack, you have to install the corresponding plugin to compile and test the exercises. This is how you install the plugins:
For example, let's install
We are still working to add the new version with the flags. They will allow you to run the command with special behavior.
Gitpod is an amazing tool that can help your tutorial’s user experience by allowing a very simple way to use Learnpack.
Using Gitpod on your tutorial will allow the learners to access and start the tutorials only by clicking once.