Start a blank projectSlider sketchUse the sliders to draw cool patterns and designs. Challenge: Add another slider to change the thickness of the line.
In this unit, students are asked to consider and understand the needs of others while developing a solution to a problem through a series of design challenges. The second half of the unit consists of an iterative team project, during which students have the opportunity to identify a need that they care about, prototype solutions both on paper and in App Lab, and test their solutions with real users to get feedback and drive further iteration
Create conditions with if/else statements to make your app more unique.
This launch video introduces five reasons App Lab could be a great tool for students learning programming.
Remix the projectLandmark flaschardsUse this app to create flashcards to learn a new subject or practice for a test. Challenge: add more cards to the deck or create a whole new deck.
This unit teaches students how to use App Labs database capabilites to make apps that store data in the cloud so it can be retrieved later.
Your browser is not supported. Please upgrade your browser toone of our supported browsers. You can try viewing the page, but expect functionality to be broken.
Program a turtle to move around the screen and draw anything from basic shapes to complex designs.
Organize your information by using a list in your app.
Demos for creating apps with App Lab
Start using design mode to create a user interface for your app where users can click buttons, select from dropdowns, and even use a slider.
In this unit, students develop their programming skills in App Lab while exploring the role of hardware platforms in computing. Students look towards current and smart devices to understand the ways in which different sensors can provide more effective input and output than the traditional keyboard, mouse, and monitor. Note: This unit requires access toAdafruits Circuit Playgroundboard.
Remix the projectChoose your own adventureChoose carefully as you go through this short adventure. Challenge: continue the story by adding in more choices. Or create a different story!
Procedural abstraction and top-down design
Ages 13+, all modern browsers, English only
This unit continues to develop students ability to program in the JavaScript language, using s App Lab environment to create a series of small applications (apps) that live on the web, each highlighting a core concept of programming. In this unit students transition to creating event-driven apps.
Remix the projectPoke the pigHow many times you can poke the pig before time runs out? Challenge: Add a button and event to be able to play again and again, so you can improve your score.
Course specific professional learning provides hands on experience with the curriculum.
Want to do more with App Lab? Our introductory course,Computer Science Discoveries, and ourComputer Science Principlescourse both use this tool to help teach students computer science concepts.
This unit introduces the foundational concepts of computer programming, which unlocks the ability to make rich, interactive apps. This course uses JavaScript as the programming language, and App Lab as the programming environment to build apps, but the concepts learned in these lessons span all programming languages and tools.
Learn how to use loops to repeat code and simplify your app.
Use boolean expressions to make decisions in your app logic.
An introduction to variables that can be used throughout your code.
Learn how to use different kinds of variables to make your apps more complex.
Create functions with parameters to make functions that are more flexible and can be used to solve different kinds of problems.
By continuing to browse our site or clicking I agree, you agree to the storing of cookies on your computer or device.See s Privacy Policy.
Remix the projectPet pollVote for your favorite pet in this fun app. Challenge: Add more animals so you can vote for more favorites.
Start with a blank project, explore the sample apps and take the challenge to make them even better, or check out projects that other students have built.
Create charts with your data by processing a list.
Privacy PolicyAboutPartnersBlogDonateStoreSupportTerms© , 2018. Code.org®, the CODE logo and Hour of Code® are trademarks of Code.org.
App Lab is a programming environment where you can make simple apps. Design an app, code in JavaScript with either blocks or text, then share your app in seconds.
Create your own app in JavaScript using block based programming. Or take your skills to the next level with text-based programming.
Learn how to define and call functions so you can easily reuse code more efficiently.
Add more complex logic like AND and OR to give users more choices in your apps.
Remix the projectPensive painterTake a deep breath, relax, and paint whatever you desire. Challenge: Add a click event to clear the screen so you can start painting a new masterpiece.
Remix the projectProject galleryCheck out projects other students have made and use them as insiration for your own app.
Watch these videos to learn how to create apps in App Lab and learn new programming concepts with the tool.