Code.org is launching a new tool called App Lab as part of their Computer Science Principles course. App Lab is a programming environment where you can create simple apps. It includes a design mode that lets you customize how your app looks. You can write code using either blocks or the JavaScript programming language, and you can even send your app to your phone in just a few seconds.
Hi, I’m Sarah, the Product Manager for Code.org’s Computer Science Principles project. Let me show you the design mode of App Lab. Here, you can create the layout for your app without needing to know HTML or CSS. Today, I’m building an app based on a fun debate we have in the office about who is the most popular pop star of our time—Lady Gaga or Taylor Swift. My app will let users choose their favorite.
Hi, I’m Anthony, and I developed a feature in App Lab that lets you switch between block coding and text coding. I’ve been working on App Lab for over six months. With it, you can build games and create interactive graphics. If you like making animations, you can connect events, like when a button is clicked. For example, I’ll use the Play Sound command to make my app more interactive.
All the apps you create in App Lab can be shared with friends. I’m going to share my app with my friend Alice by clicking the share button.
Hi! I’m Sarah’s friend, and she just sent me the app she created. I can play her app right here on my phone.
App Lab is a fantastic way to learn programming and create your own apps. Whether you’re interested in designing, coding, or sharing your creations, App Lab offers a fun and easy way to explore computer science.
Explore the design mode in App Lab by creating a simple app layout. Choose a theme you are passionate about, such as your favorite sport or hobby, and design the interface without using HTML or CSS. Focus on making it visually appealing and user-friendly.
Experiment with both block coding and JavaScript in App Lab. Create a small app that performs a simple task, like displaying a message when a button is clicked. Try coding it first with blocks and then with text to see which method you prefer.
Use App Lab to build a basic interactive game. Incorporate elements like buttons, sounds, and animations. Think about how you can make the game engaging and fun for your friends to play.
Once you’ve created your app, share it with a classmate or friend. Ask them to try it out and provide feedback on its functionality and design. Use their feedback to make improvements to your app.
Create an app similar to Sarah’s pop star poll. Allow users to vote for their favorite pop star and display the results. This will help you understand how to handle user input and display data dynamically.
Here’s a sanitized version of the provided YouTube transcript:
—
For our new high school course on Computer Science Principles, Code.org is about to release a new tool called App Lab. App Lab is a programming environment that allows students to create simple apps. It features a design mode for customizing the look and feel of your app. You can write the code using either blocks or the JavaScript programming language, and you can send your app to your phone in just a matter of seconds.
Let’s take a look!
Hi, I’m Sarah, the Product Manager for Code.org’s Computer Science Principles project. I’m going to show you the design mode of App Lab, where I can create the layout for my app without needing to know HTML or CSS. The app I’m going to build is based on a debate we’ve been having in the office about who is the most prolific pop star of our time—Lady Gaga or Taylor Swift. So, I’m going to create an app to let users pick their favorite.
Hi, I’m Anthony, and I worked on a feature in our workspace that allows you to transition between blocks and text. I started working on App Lab over six months ago. You can build games and create lots of interactive graphics. If you enjoy building animations, you can connect events, like when a button is clicked. For example, I’m going to use the Play Sound command.
All the applications you create in App Lab can be shared with friends. I’m going to share my app with my friend Alice by clicking the share button.
Hi! I’m Sarah’s friend, and she just sent me the app she created. I can play her app right here on my phone.
—
This version maintains the original content while removing any informal language and ensuring clarity.
App Lab – A platform for creating and sharing apps using simple programming tools. – In our computer class, we used App Lab to create a fun quiz app.
Code.org – An educational website that provides resources and tutorials for learning computer science. – Our teacher recommended Code.org to help us learn the basics of coding.
Programming – The process of writing instructions for a computer to perform specific tasks. – We spent the afternoon programming a game that we could play on our computers.
Design – The process of planning and creating the layout and appearance of a software application. – Good design is important to make sure users find the app easy to use.
JavaScript – A programming language commonly used to create interactive effects within web browsers. – We learned how to use JavaScript to add a countdown timer to our webpage.
HTML – A markup language used for creating the structure of web pages. – By using HTML, we were able to organize the content on our website.
CSS – A style sheet language used for describing the presentation of a document written in HTML. – We used CSS to change the background color of our webpage to blue.
Coding – The act of writing code to create software programs or applications. – I enjoy coding because it allows me to build my own apps and games.
Animations – Visual effects that make objects on a screen move or change over time. – We added animations to our website to make the buttons grow when clicked.
Interactive – Allowing users to engage with and control elements on a computer or website. – The interactive map on the website lets users explore different regions by clicking on them.
