background preloader


Related:  HOUR OF CODEDigitalMaker2017

Drawing Flags with JavaScript var table = new app.Table(4, 3); table.setSize(80); table.setColor(app.randomColor(), 3); table.setColor('blue', 2, 2); console.log(table.getColor(1, 3)); console.log(table.getColor(6)); var table = new app.Table(4, 3); table.setSize(80, 100); var table = new app.Table(5, 3); table.setSize(80); console.log(table.getColumnCount()); console.log(table.getRowCount()); var table = new app.Table(4, 4); table.setSize(80); table.hide(3); console.log(table.isVisible(1, 3)); console.log(table.isVisible(6)); var table = new app.Table(4, 4); table.setSize(80); table.hideAll(); table.hideLabels();; var table = new app.Table(3, 3); table.setColor('red', 1); table.setColor('red', 2); table.setColor('red', 3); table.setColor('red', 4); table.setColor('red', 5); table.setColor('blue', 6); table.setColor('blue', 7); table.setColor('blue', 8); table.setColor('blue', 9); table.shuffleColors(); var score = new Game.Score('Score', [170, 100]); function onMouseDown() { score.add(); } alert(8 ! <! <!

Lightbot - Hour of Code ABCya is the leader in free educational computer games and mobile apps for kids. The innovation of a grade school teacher, ABCya is an award-winning destination for elementary students that offers hundreds of fun, engaging learning activities. Millions of kids, parents, and teachers visit each month, playing over 1 billion games last year. Apple, The New York Times, USA Today, Parents Magazine and Scholastic, to name just a few, have featured ABCya’s popular educational games. ABCya’s award-winning Preschool computer games and apps are conceived and realized under the direction of a certified technology education teacher, and have been trusted by parents and teachers for ten years. Our educational games are easy to use and classroom friendly, with a focus on the alphabet, numbers, shapes, storybooks, art, music, holidays and much more!

Celebrating 50 years of Kids Coding Today, during Computer Science Education Week, we celebrate 50 years since kids programming languages were first introduced to the world with a very special creation (and furry friend): our first ever kids focused coding Google Doodle! Today’s Doodle was developed through the close teamwork of not one or two but THREE teams: the Google Doodle team, Google Blockly team, and researchers from MIT Scratch! To learn more about the history and importance of kids coding languages, we invited Champika Fernando, one of the project’s most passionate collaborators at MIT, to share her thoughts: My first experience with coding was in a free after-school program back in the eighties when I was nine years old. We programmed a little green turtle to move around and draw lines on a black screen. That programming language was called Logo. In the 1960’s, long before personal computers, Seymour Papert and researchers at MIT developed Logo - the first coding language designed for kids. Engineering Creative

Pixie - aprende a programar Code Avengers: JavaScript Intro.1.1 var table = new app.Table(3, 4); table.setSize(50); table.hideAll();; //alert('Color is: ' + table.getColor(4) + '\nIs it visible: ' + table.isVisible(4));; table.setColor(app.randomColor(), 6); var score = new Game.Score('Score', [170, 100]); function onMouseDown() { score.add(); } var score = new Game.Score('Score', [170, 100]); function onMouseDown(event) { if (event.event.button == 0) { score.add(); } else { score.set(0); } } var score = new Game.Score('Score', [170, 100]); function onMouseDown(event) { if (event.event.detail == 1) { score.add(); } else { score.add(2); } if (score.get() > 9) { score.reset(); } } var message = new PointText(50, 50); message.content = 'Hello there'; message.fontSize = 15; var m = new PointText(50, 50); m.fontSize = 20; var n = [1, 2, 3, 4, 5, 6]; m.content = ''+n[0]+n[1]+n[2]+n[3]+n[4]+n[5]; function onMouseDown() { n = Game.shuffle(n); m.content = ''+n[0]+n[1]+n[2]+n[3]+n[4]+n[5]; } Game.setBackgroundColor('dodgerBlue'); <! <!

Kangourou Test App Inventor Para comenzar a trabajar con App Inventor, en primer lugar, tenemos que acceder a su página web. Una vez ahí, nos darán instrucciones de como configurar un dispositivo Android conectado a la misma red wifi o un emulador. Considero que la mejor forma de realizar este curso, y utilizar App Inventor, es mediante un dispositivo Android conectado mediante Wifi, por lo que se va a explicar este proceso. Instalación y registro En primer lugar tenemos que instalar la App Companion, es decir, la aplicación que App Inventor utilizará como soporte para mostrar nuestros proyectos. Para instalar la aplicación, puedes escanear el código QR de la imagen, o pulsar sobre este link. A continuación, desde la interfaz web de App Inventor, tendremos que iniciar sesión con nuestra cuenta de Google (Gmail) y aceptar los términos de servicio. Creando un nuevo proyecto y conectado con nuestro terminal Después crearemos nuestro primer proyecto para comenzar con el proceso de conexión. Creando el Hola Mundo

Intro to App Lab Your teacher didn't expect you to be here. Please ask your teacher which lesson you should be on. My name is Mei'lani. I'm an intern at and I'm also a computer science student. I like computer science because it's really creative. I get to be the problem solver. Making your own apps is easy with App Lab! This is a App Lab. The set property block changes the look of the elements on your screen. Elements have lots of properties you can change like their text color, background color or font size. The last drop down is where you'll write the value you want to use value you want to use. Once you're done, the block reads a bit like a sentence:'Set button1's background color to green.' For this tutorial we'll be working in block mode but App Lab also supports working in text. Either way you'll be programming in JavaScript, the language of the web. If you're ever stuck, click on this picture and it will show you exactly how to complete the level.