ProCodeCG Kids Crash Course on Intro to Programming Day 2

Standard

Day 2! Today we do real coding with Python after learning some Python syntax from CodeCombat yesterday πŸ™‚

IMG_3109

We had a new kid, so we split the class into two threads: some of them continuing yesterday’s lessons while some others start installing Python IDLE and typed in some code πŸ™‚

IMG_3110

The culture of each ProCodeCG’s class is that each kid should help each other. Gyan was helping Dika with one level Dika couldn’t finish, while Kakang (sitting next to Dika) starting from Level 1 but he caught up very fast!
IMG_3111

Aiko and Tian started working on Python codes

IMG_3112

And Aya was still working on finishing her levels on CodeCombat
IMG_3113

These kids are very cheerful and loud! But when they have to work, the sit tightly and being serious πŸ™‚

IMG_3114

… and sometimes mock each other LOL
IMG_3115

We learned about looping with for and while πŸ™‚

Bildschirmfoto 2016-06-01 um 9.21.59 AM

Next we learned about functions. We use LightBot to introduce the concept of functions to the kids πŸ™‚Bildschirmfoto 2016-06-01 um 9.21.59 AM

IMG_3116

It really made the kids thinking hard πŸ™‚
IMG_3117

Another good gesture of helping from Kakang. He helped Aya with the level she stuck on.

IMG_3118

Well, that’s the report for today! Tomorrow we will do real coding again in Python πŸ™‚
Bildschirmfoto 2016-06-01 um 9.21.59 AM

Advertisements

Coding Mum Day 11 – 9 May 2016

Standard

Day 11 πŸ˜‰

The mums

IMG_1051

The trainers
IMG_1052

We learned to create some form with textfield and javascript πŸ™‚
IMG_1054

Like usual, trainers take turns to do the tasks: explaining in the front of the class, assisting the mums, some taking care of Git and taking pictures πŸ™‚
IMG_1055

The mums should apply what they learned from Day 9 – 10: javascript variables, looping, conditionals, functions and arrays.
IMG_1056

We showed examples on the screen
IMG_1057

Day 11 and one of the mum start wearing glasses! πŸ˜€
IMG_1058

Trainers always make sure that everyone in the class canΒ keep up

IMG_1059

We only have 4 sessions left so we gotta work hard!

IMG_1060
IMG_1061
IMG_1062
IMG_1063

Not that hard though! We still have fun! πŸ˜‰
IMG_1065

πŸ™‚
IMG_1066

πŸ™‚ πŸ™‚
IMG_1067

Ok, this one is very serious πŸ™‚
IMG_1068

3 hours, never enough πŸ˜€

IMG_1069

We have applied rules and new procedures to Git and still there are problems πŸ˜€

IMG_1070

So teaching code to mums is one thing, the other one is to make sure they don’t lose their works πŸ˜€
IMG_1071

All works should be committed and pushed to Git before the class ends.
IMG_1072

Some screenshots of what we did in the class: creating a textfield and a button.
Bildschirmfoto 2016-05-09 um 11.56.59 AM

Adding more functions for different buttons
Bildschirmfoto 2016-05-09 um 11.57.12 AM

Accessing radio buttons
Bildschirmfoto 2016-05-09 um 11.57.24 AM

Creating checklists
Bildschirmfoto 2016-05-09 um 11.57.35 AM

And create a simple login form πŸ˜‰
Bildschirmfoto 2016-05-09 um 11.57.45 AM

ProCodeCG Kids Regular Coding Class 5 March 2016 -Improving Python Quiz Codes, Problem Solving, Functions and Loops

Standard

We continued working on our Python codes, adding button, scoring system and conditional to decide whether someone pass or fail the test πŸ™‚

IMG_6631

There was still a few kids in the morning because some arrived later.
IMG_6630

Some of them working on lines they missed and add more improvements.

IMG_6629

Faris came up with the idea to create essay quiz, and he started downloading different version of Python with Natural Language Processing library πŸ˜€

IMG_6636

Azriel, like always, prefer to sit on a real chair with a real table πŸ˜‰

IMG_6627

This is Awa. Working on coding on Code Combat on the left computer and Hour of Code on the right computer πŸ˜€

IMG_6632

Malik was busy improving his code and debugging some errors.

IMG_6637

Aliyah was designing a quiz on English (grammars, sentences etc.). She even used her English Lessons Book for reference πŸ˜‰

IMG_6628

We had a newcomer today, this is Prudence, little sister of Clarence, working on algorithms and problem solving using functions with LightBots πŸ˜‰

IMG_6638

And this is Clarence, the brother, working on the same thing πŸ˜‰ These two kids are very fast!

IMG_6639

As can be seen here, Β everybody’s got something different to work on! πŸ˜‰

IMG_6633

Like this captain, busy writing her short novel (while reading a novel) πŸ˜€

IMG_6642

They just wouldn’t stop until they solve the puzzles. Kids never give up! πŸ™‚ ❀

IMG_6634

Like this youngest one πŸ™‚ His mother had to wait for a long time until he decided he want to go home πŸ˜€

IMG_6635

Yes, we had that motorcycle in the class, as a commemoration of one of BCCF Founder that has just passed away, Kang Tegep πŸ˜₯

IMG_6626

This is Reza finishing his own code too πŸ™‚ This guy is very persistence πŸ™‚

IMG_6641

We also had some visitors from UK πŸ™‚

IMG_6643

Here’s the code, it is now 120 lines πŸ™‚

Bildschirmfoto 2016-03-05 um 6.45.46 PMBildschirmfoto 2016-03-05 um 6.44.46 PM

 

ProCodeCG Kids Programming Class 4 July 2015 – Light Bots

Standard

Today we have a newcomer! A smart and passionate little girl that learns as fast as lightning! πŸ™‚
We learn about algorithm and functions using Light-Bots. This game is a good way to learn about sequences and functions and it attracts kids trying to solve it using logics.

IMG_2998 1

 

The challenge of every level is to light up the blue tiles.IMG_2999 1

 

In our regular class, the topic keeps changing every week. This is because kids are usually cannot come to every class and new kids keep coming in every class so the class should be fluid and flexible πŸ˜‰

IMG_3001 1

 

Kids in this class have different ages, with different expertise levels. To balance the class, ProCodeCG apply peer-learning technique where the students should be able to help other students. They share knowledge and discuss on how to solve the problems.

IMG_3002 1

 

They even exchange computers to help each other solve the problems πŸ™‚

IMG_3003

 

This view, on every Saturday, is the view of hope that one day this nation will lead on computers and technology πŸ™‚IMG_3004 1

IMG_3005 1

 

This is one captain giving help to one student.IMG_3006 1

 

And while that captain “fixing” the problem, other captain comes assisting

IMG_3007

 

Peer-learning works. Kids learn much faster this way!IMG_3008

Any kids interesting in programming in a casual class with nice friends to work and share with, please join our class every Saturday, 9 – 11, at BCCF, Jl. Taman Cibeunying Selatan No. 5 Bandung πŸ™‚

Minecraft Programming – Creating Buildings with ScriptCraft Functions on CanaryMod

Standard

Ok after successfully stacking blocks or making buildings using ScriptCraft one-line command, now our kids programming class start to create something like this using functions:

Tangkapan layar 2015-03-10 18.05.11

There are some tricks to make ScriptCraft functions work. First, you have to save it in the right folder: plugins/drone/contrib/ . Second, you have to make sure that there is no errors. CanaryMod server is very helpful at pointing where the problems occur:

Tangkapan layar 2015-03-10 18.46.46

CanaryMod also make it possible to set up everything about the game. To practice with buildings, this is the setting should be set:
Bildschirmfoto 2015-03-11 um 8.29.08 vorm.
This will give you a flat empty world. If you want to start a new empty world, or apply new settings, just delete the world folder. Next time you start up CanaryMod server, it will generate a new world for you like this:

Tangkapan layar 2015-03-10 18.46.32

This is an example of ScriptCraft function to create a skycraper:

 
var Drone = require('../drone').Drone;
var blocks = require('blocks');

function skyscraper( floors )
{
echo(floors);
this.chkpt('skyscraper');
for (var i = 0; i < floors; i++)
{
this.box(blocks.iron,20,1,20).up().box0(blocks.glass_pane,20,3,30).up(3);
}
this.move('skyscraper');
};

Drone.extend(skyscraper);

just type it on the command line:

Tangkapan layar 2015-03-10 20.14.31

and you’ll get this:

Tangkapan layar 2015-03-10 20.15.08

this is another simpler function, just for stacking blocks:


var Drone = require('../drone').Drone;
var blocks = require('blocks');

function tumpuk( tingkat ) {
echo(tingkat);
this.chkpt('tumpuk');
for (var i = 0; i < tingkat; i++){
this.up(1).box0('35:6',1, 1, 1);
}

this.move('tumpuk');
};

Drone.extend(tumpuk);

type it on the command line:

Tangkapan layar 2015-03-10 20.17.44

and you will get this:

Tangkapan layar 2015-03-10 20.18.10

If you modify the code and want to re-run it on Minecraft, just type ‘reload’ or /js refresh() on the command prompt.

Next time we will learn to build awesome buildings like pyramid or maybe rocket launcher! πŸ˜‰