Git Product home page Git Product logo

learnpack's Introduction

Main Repository for the LearnPack project

  • Introduction

  • Quick Start

  • Getting Started

  • Grading Tutorials:

    • Testing
    • Incremental
    • Isolated
    • No grading
  • Editor mode:

    • Standalone
    • VSCode (only with VSCode plugin)
  • Configure

    • learn.json
    • compiler plugins
    • flags
    • gitpod integration
    • advanced configuration
  • Publish your tutorial

  • Quality

    • audit your tutorial
    • test your tests
  • Programming Languages

  • VSCode Plugin

  • Uses Cases

    • Coding Tutorials (postcard)
    • Coding Exercises (loops)
    • University Masterclass (video based)
    • Computer Immersive Tutorials

learnpack's People

Contributors

alesanchezr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

learnpack's Issues

Excercise Bug

In reference to HTML5 Forms exercises 6 and later, unless I am missing some portion of the exercise, the css stylesheet does not link to the required exercise unless I use the download link for the stylesheet in the header "href=" instead of ./style.css. This link then does not allow editing the style sheet afterwards. I am just learning all this though so I may just be confused about some aspect of linking css style sheets to html.

Other details:

  1. Exercises: 08-Style-without-id-class
  2. Current URL: https://d7085190-27b5-4053-b993-8924fa9e4e2c.ws-us02.gitpod.io
  3. Repository: uknown

Test Issue Python

Hrs: 0.5

Exercise 9 in python-http-requests-api-tutorial-exercises

The test does not validate the result even when it is printing the title of each post:

x (fail) 0. Return a list of post titles like: ['title 1','title 2', 'title 3']

Invite people to submit video solution for exercises

If one exercise does not have a video solution, there should be a button to submit one in a pull request.
The solution should be no less than 5minutes and no more than 7 minutes.
Submitting the video solution should be as simple as uploading a video and that should create a pull request in the repository that can be approved by the classroom repository owner.

learnpack-reader

Create a npm package that can be used with npx to really-fast preview any markdown file. For example:

$ npx learnpack-reader -f ./path/to/readme.md

When the user types that in the console a browser will open (express) and show the HTML website of that markdown.

  1. Use the markdown component from this library:
    https://github.com/breatheco-de/react-components

  2. Learn how to publish a npm package.

  3. Learn how to use a npm package with npx.

  4. Learn how use express.js to expose a URL pointing to a html.

Excercise Bug

What was the expected behavior?

the "expected result is incorrect"
Please take 2 minutes to explain what happened, include screenshot if possible.
the exercise is asking to "remove" the done tasks but in the example the done tasks are the ones showing but they should be removed and the not done tasks should be the ones that we show.

Other details:

  1. Exercises: 21.2-Filter-done-tasks
  2. Current URL: https://a26da65a-faef-4643-b41d-8bcb3494be1e.ws-us02.gitpod.io
  3. Repository: uknown

Excercise Bug

What was the expected behavior?

Please take 2 minutes to explain what happened, include screenshot if possible.

There's an error saying that "JSX Expression must have one parent element" on line 15 at the end of the creation of a const.

I also received another error for line 9 saying that the

  • needs to be wrapped in a closing tag, when in reality I did close it and complete it as requested.

    Other details:

    1. Exercises: 01.5-building-html-from-arrays
    2. Current URL: https://a94d2999-b157-4640-aed6-ffebe1d819ad.ws-us02.gitpod.io
    3. Repository: uknown
  • Excercise Bug

    What was the expected behavior?

    Please take 2 minutes to explain what happened, include screenshot if possible.

    Other details:

    1. Exercises: 01-Welcome
    2. Current URL: https://a3da9452-d89a-43b8-aafb-8d860453c5d4.ws-us02.gitpod.io
    3. Repository: https://github.com/4GeeksAcademy/javascript-beginner-exercises-tutorial
      if (total > 100) {
      console.log("Are we there yet?")
      }else if(total > 50){
      console.log("We'll be there in 5 minutes")
      }else if(total <= 50){
      console.log("I'm parking, I see you right now")
      }

    Excercise Bug

    What was the expected behavior?

    Please take 2 minutes to explain what happened, include screenshot if possible.

    Other details:

    1. Exercises: 10-replicate-html
    2. Current URL: https://ed73ffd4-2a2a-4ae6-bd8c-7ec9cce91b1e.ws-us02.gitpod.io
    3. Repository: uknown
    <title>4Geeks Academy</title> <style>
    	</style>
    </head>
    <body>
    	<h1><strong>The learning essay</strong></h1><br<br>
    	<h2> 3 reasons you know you are learning</h2>
    
    <p>We are going to explain in this pharagraoh the 3 most comon sings that you should look into yourself to recognize if you are learning. </p>
    
    1. You are able to complete the exercises by yourself
    2. You understand what the teacher is talking about
    3. Your are able to have conversations about the topic

    3 reasons you know love what you are learning

    • Time passes fast.
    • You are anxious to finish this excercise and start the nex one.
    • Is 12am and you don't want to go to sleep.

    If you can't sleep, what better than watching video of cats? click here

    Excercise Bug

    What was the expected behavior?

    Please take 2 minutes to explain what happened, include screenshot if possible.

    Other details:

    1. Exercises: 14-Your-first-switch
    2. Current URL: https://af9e8c57-399d-4b16-a570-8169d255e25b.ws-us02.gitpod.io
    3. Repository: https://github.com/4GeeksAcademy/javascript-beginner-exercises-tutorial

    function getColor(selection) {
    switch (selection) {
    // Add more options here
    case "red":
    return true;
    break;
    case "green":
    return true;
    break;
    case "blue":
    return true;
    break;
    default:
    return false; //returns false because the user picked an unavailable color
    break;
    }
    }

    var colorname = window.prompt('What color do you want?');
    var isAvailable = getColor(colorname);

    if (isAvailable)
    console.log('Good news! That color is available');
    else
    console.log('We are sorry, that color is not available');

    Test issue

    Exercise 4 in python-http-requests-api-tutorial-exercises

    If you follow the spanish instructions the test does not validate, you have to write the print as the english instructions

    Excercise Bug

    What was the expected behavior?

    Please take 2 minutes to explain what happened, include screenshot if possible.

    Other details:

    1. Exercises: 12-Your-first-if
    2. Current URL: https://af9e8c57-399d-4b16-a570-8169d255e25b.ws-us02.gitpod.io
    3. Repository: https://github.com/4GeeksAcademy/javascript-beginner-exercises-tutorial

    var total = prompt('How many km are left to go?');

    // Your code below:
    if (total > 100) {
    console.log("Are we there yet?")
    }else if(total > 50){
    console.log("We'll be there in 5 minutes")
    }else if(total <= 50){
    console.log("I'm parking, I see you right now")
    }

    Excercise Bug

    What was the expected behavior?

    Please take 2 minutes to explain what happened, include screenshot if possible.

    Other details:

    1. Exercises: 13-How-much-the-wedding-costs
    2. Current URL: https://af9e8c57-399d-4b16-a570-8169d255e25b.ws-us02.gitpod.io
    3. Repository: https://github.com/4GeeksAcademy/javascript-beginner-exercises-tutorial

    let guests = prompt('How many people are coming to your wedding?');

    function getPrice(guests) {
    let cost = 0;
    if (guests <= 50) {
    cost = 4000
    } else if (guests <= 100) {
    cost = 10000
    } else if (guests <= 200) {
    cost = 15000
    }else{
    cost = 20000
    }
    // Your code here
    return cost;
    }

    let price = getPrice(guests);
    console.log('Your wedding will cost ' + price + ' dollars');

    Package metadata `learn.json`

    The learn.json file contains all the meta-information about the current learning package, this file is mandatory because it's used to define properties like the Title, Slug, difficulty, language and other important things about the tutorial.

    It can contain the following properties:

    {
        "title": "Learn HTML Interactively",
        "version": 16.01,
        "preview": "https://path/to.png",
        "description": "Learn the most popular HTML Tags and how to used them with real life interactive examples, automatic grading and video solutions",
        "language": "html",
        "intro": "https://www.youtube.com/watch?v=Vd2dby9ind4",
        "duration": 8,
        "difficulty": "easy",
        "video-solutions": true,
        "graded": true
    }
    Property Calculated Value
    Title False Main title (h1)
    Preview True Path to a image or gif that show up as thumbnail (if we find a preview.[png
    description False Little (250 chars max) excerpt about the project
    technology False String that represents the main technology taught on the package (close field, enum)
    language True Enum with supported languages to compile (may later can be renamed to "syntax" when we support more options not only for coding but for other types of courses. It can be automatically calculated by the extensions of the files
    intro False Video introduction explaining the package content (course) and how to use it.
    duration False how long it takes to finish this course in hours
    video-solutions True this can be auto-calculated, if the course has video solutions the engine should know
    license False By default its MIT, but you can write any license here
    home-page False Path to the package home page (if any)
    repository False Path to public github or gitlab or bitbucket repository
    Version False 1.03
    Difficulty False How advanced is the tutorial on this topic
    auto-graded True If there is at least half of the tutorial contains a test.[py
    grading False If its isolated or incremental

    Excercise Bug

    What was the expected behavior?

    Text of exercise

     # you can convert that variable into a json string like this
        json_text = flask.jsonify(some_data)
    

    Please take 2 minutes to explain what happened, include screenshot if possible.

    This fails, instructions should guide the learner to import jsonfiy from flask.

    Other details:

    1. Exercises: 05-returning-json
    2. Current URL: https://cf5df5f3-c393-41ae-a26e-e5905b8d2bad.ws-us02.gitpod.io
    3. Repository: uknown

    Excercise Bug

    What was the expected behavior?

    Please take 2 minutes to explain what happened, include screenshot if possible.

    In the following exercise, we are asked to remove the space between the , but when we put the html tags together and compile them, they separate and leave the spaces again.
    This is what the code should look like.

    <body> <div> <div id="sectionA">A</div><div id="sectionB">B</div><div id="sectionC">C</div> </div> </body>

    but when compiling it gets like this:

    `


    A

    B

    C

    `

    Other details:

    1. Exercises: 08-Split-Screen-in-three
    2. Current URL: https://abc57185-a749-4808-94a8-9529dbb4d5e5.ws-us02.gitpod.io
    3. Repository: uknown

    Excercise Bug

    What was the expected behavior?

    Not sure if this was expected, but the closing tag is missing in the index.html
    Also, there are many test that get passed without really complying with the requisits.

    Please take 2 minutes to explain what happened, include screenshot if possible.

    Other details:

    1. Exercises: 05-Specificity
    2. Current URL: https://fb5b1739-0fc2-430a-89f7-6bfea7eb758b.ws-us02.gitpod.io
    3. Repository: uknown

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.