ProCodeCG – 5 Days Kids Coding Crash Course – Day #5 – 28 Aug 2017

Standard

The last day of % Days Kids Coding Crash Course on Intro to Programming and Creating Games πŸ™‚

IMG_6655

At this stage, Ghazaska has learned skills to improve his game

IMG_6656

He keeps adding more features

IMG_6657

And make improvements, including to the graphics of the sprites

IMG_6658

IMG_6660

IMG_6661 IMG_6662

IMG_6667

IMG_6669

IMG_6670

The game now have lots of levels

IMG_6663

that offers unexpected challenges πŸ˜€

IMG_6664

IMG_6666

IMG_6668

It takes some daydreaming to start a new game πŸ™‚ *it is hard sometimes to move on from one creation to another πŸ˜€

IMG_6672

The next one is BreakOut Game

IMG_6671

And Ghazaska doesn’t want anything on his game to look similar to the original game πŸ˜€

IMG_6673

The game looks so interesting πŸ˜€

IMG_6674

It’s amazing how creative kids can be if we give them the skill and some space to improvise πŸ™‚

IMG_6675

Now you can explore many things with what you have learned in 5 days Ghazaska πŸ™‚ See you again πŸ™‚

ProCodeCG – 5 Days Kids Coding Crash Course – Day #4 – 21 Aug 2017

Standard

The fourth day! πŸ™‚ We add more things to the maze game *in coding/game making, once you start you cannot stop πŸ˜€

IMG_6192

Ghazaska keeps adding levels

IMG_6193

and details, and complexity πŸ˜€

IMG_6194 IMG_6195

When he gets tired, he will walk around the room to loosen up the muscles πŸ˜€

IMG_6199

And then started to create a new game πŸ™‚ In this game we will learn different techniques

IMG_6200

like following objects and set up the horizontal and vertical borders because the background is moving

IMG_6201 IMG_6202

This is supposed to be a race, so we’re going to need another dolphin to start it πŸ˜‰

IMG_6203

We’re going to create another game on the next lesson πŸ˜‰

ProCodeCG – 5 Days Kids Coding Crash Course – Day #3 – 16 Aug 2017

Standard

Day #3 of 5 Days Kids Coding Crash Course πŸ™‚

Today we learn to create a simple game with GameMaker πŸ™‚ We created our own sprites and set up our own rules πŸ˜‰

IMG_5709

This is orang and orangutan

IMG_5710

and monyet πŸ™‚

IMG_5711

The room setting

IMG_5712

IMG_5713

adding walls

IMG_5714

The Mom, working while waiting *prefers sitting on the floor πŸ˜€

IMG_5715

Mom checks the game

IMG_5716

adding some scores

IMG_5717

The kid πŸ™‚

IMG_5718

IMG_5719

adding levels πŸ™‚

IMG_5721

The achievement of the day πŸ˜‰

IMG_5722

We will create more games on the 4th day πŸ™‚

ProCodeCG – 5 Days Kids Coding Crash Course – Day #1 – 7 Aug 2017

Standard

5 Days Kids Coding Crash Course – Day #1 πŸ™‚

Room setting up πŸ™‚

IMG_5107

Internet connection setting up (plus one with ethernet cable) πŸ™‚

IMG_5109

The worksheet πŸ˜‰

FullSizeRender 14

We will learn about intro to programming for the first two days πŸ™‚

Today we learn with Minecraft Hour of Code for warming up πŸ™‚

IMG_5112 2

We’ve learned about sequences, looping and conditionals πŸ™‚

IMG_5113

It’s always nice learning with mommy on our side πŸ˜‰ ❀

IMG_5115

Someone didn’t like to be in a pic πŸ˜€

IMG_5119

IMG_5120

 

OK one down πŸ™‚

IMG_5117

Lightbot is the next one. This on helps us learning about sequences, procedures and looping πŸ˜‰

IMG_5118

…also about recognizing patterns and problem solving πŸ™‚

IMG_5121

Lunchtime πŸ™‚ *because when the fuel runs out, you cannot think πŸ˜€

IMG_5123 IMG_5124

OK while eating you can play Minecraft for refreshing πŸ˜€

IMG_5125

And returned to the task after lunch and shalat πŸ˜‰

IMG_5126

Lots of levels to do today, but we finished it all, we left only the last one to be reviewed again next class πŸ˜‰

IMG_5116

ProCodeCG Family Coding Crash Course Day #5 – 25 Nov 2016

Standard

Wow the last day already :((

We had lunch before starting the class πŸ™‚

IMG_7204

The we picked were we left yesterday

IMG_7206

Sadid decided to learn HTML and CSS today (he was learning Java for the last two days), while Razin decided to learn Java (he was learning HTML CSS for the last to days) πŸ˜€
IMG_7207

So that these two can discuss about their works and help each other πŸ˜‰

IMG_7208

They made jokes too while learning πŸ™‚
IMG_7209

It is ok as long as they’re learning happily πŸ˜‰

IMG_7210

Azza was progressing very fast with her Azza’s Bakery web design πŸ™‚ She uses lots of tricks in HTML and CSS πŸ™‚
IMG_7211

Sadid did the catching up very well too

IMG_7212

So did Razin, he finished his Java Intro from Code Academy and start learning from ProCodeCG Java Programming Handout πŸ™‚
IMG_7213

And successfully compiled the button code πŸ™‚ He also did the login window too, and very happy about it!

IMG_7214

Too bad the class ended today, but we still can learn anytime don’t worry!

IMG_7216

We’re going to open the next class with different topics πŸ™‚ Thanks all, so proud and honored to be able to share things with you πŸ™‚

ProCodeCG Family Coding Crash Course Day #4 – 24 Nov 2016

Standard

Hello! Today we got newcomers πŸ™‚

IMG_7153

While the newcomers start catching up, Razin continued developing his website he started yesterday

IMG_7154

And Sadid continue his Java lessons, working on more difficult code πŸ™‚
IMG_7155

Azza catching up very quickly πŸ™‚

IMG_7156

She created two files: .html and .css in no time

IMG_7159

And she was doing the same thing as Razin πŸ™‚
IMG_7157

Bu Dita was also working on HTML and CSS. She had learned so basics before so she had no problem in catching up too πŸ™‚

IMG_7158

Razin got lots of idea for his website but sometimes it need some tricks
IMG_7160

Like different browsers will respond differently, or different video encoding would not show up πŸ™‚
IMG_7161

Sadid took a break for having meals

IMG_7162

and so proud and happy to compile this code successfully on the first try πŸ˜€

IMG_7163

Meanwhile, Azza was developing her own website very quickly

IMG_7164

And Razin too
IMG_7165

Bu Dita was also progressing and almost finished the whole chapter

IMG_7166

Then Sadid changed the mood and wanted to try his new ProCodeCG LED Module with Arduino πŸ™‚
IMG_7167

He ran the LED meter code and it worked πŸ™‚ Nice!

IMG_7168

While Azza had almost finished her website! Wonderful design! πŸ™‚
IMG_7169

We have lots of ideas to be done tomorrow πŸ™‚ See you then πŸ™‚

ProCodeCG Family Coding Crash Course Day #3 – 23 Nov 2016

Standard

Day #3! Lunch before the class started πŸ™‚

IMG_7107

Today each kid want to learn different things πŸ™‚

IMG_7108

Which was ok because ProCodeCG classes and curriculum is made to be able to accommodate different topics and different pace in the class πŸ™‚
IMG_7109

Sadid wanted to learn Java Programming

IMG_7110

while Razin wanted to learn Web Programming πŸ™‚
IMG_7111

And they liked what they chose to learn πŸ˜‰

IMG_7112

Sadid learn Java syntax, variables, operators etc.

IMG_7114

While Razin learned HTML and CSS πŸ™‚
IMG_7113

They learned different things but enjoyed it together πŸ˜‰
IMG_7115

After learning the basic syntax, variables and operators, Sadid started to write his own code in Java

IMG_7116

Hello world in Java πŸ™‚
IMG_7117

And compiled it

IMG_7118

and worked πŸ˜‰

IMG_7121

While Razin had successfully created his own .html and .css file to create his very first website πŸ˜‰

IMG_7120

Both had reached the target for today πŸ™‚
IMG_7119

We’re going to do more things tomorrow πŸ˜‰

ProCodeCG Family Coding Crash Course Day #2 – 22 Nov 2016

Standard

Day 2 πŸ™‚ We continued our Arduino lessons πŸ™‚

IMG_7047

We started to use button to activate other components. This one will activate the LED onboard

IMG_7048IMG_7049

Razin and Sadid loved doing this πŸ™‚

IMG_7050

Look at that smile πŸ˜‰
IMG_7051

Sadid’s worked but Razin didn’t so the big brother offered some help πŸ™‚

IMG_7052

Then we added a LED
IMG_7053 2 IMG_7055

Then two LEDs. The button will be used to activate each LED depends on how fast you click it.
IMG_7056

Then we learned to use buzzer! Yaaaay we heard some sounds coming πŸ™‚

IMG_7057

Next: RGB LED πŸ˜‰
IMG_7059

The kids loved how the LED changing color πŸ˜‰ They said it was so beautiful the won’t remove the components from the breadboard πŸ˜€

IMG_7060

And the last lesson today is to create an alarm using ultrasonic sensor and a buzzer πŸ˜‰
IMG_7061

We’ve learned so much! πŸ™‚ And more tomorrow! πŸ˜‰

ProCodeCG Family Coding Crash Course Day #1 – 21 Nov 2016

Standard

Today we started the first day of Family Coding Crash Course on Arduino πŸ™‚ These are Sadid and Razin, they are brothers and they are so interested in coding πŸ™‚

IMG_6948

On the left, Pak Bullit Sesariza (the uncle, who are an expert in programming) and on the right is Pak Budi Rahardjo, one of the mentor of today πŸ™‚

IMG_6949

The course will be from Mon – Fri. We only had these two for Monday and Tuesday but their mom and aunt will join us on Wednesday and Thursday.
IMG_6950

The first thing to do was to download and install the latest version of Arduino Software πŸ™‚

IMG_6952

Then we do the Blink test to on board Arduino LED.
IMG_6958

WeΒ learned about breadboard, resistor (and how to calculate the value) and Β LED, and then we connected Arduino to a breadboard with LED an resistor and made it blink πŸ™‚

IMG_6959

Then we add more LEDs and resistors πŸ™‚
IMG_6960

It was supposed to be 8 LED but the breadboard was too small, only 4 LEDs fit πŸ™‚

IMG_6961

After Sadid and Razin got the LEDs blinking (in one way and many ways), we use a LED module
IMG_6962

ProCodeCG LED, which is a hassle-free way to play with LED (without having to deal with those jumpers and resistors LOL)

IMG_6963

The previous code uploaded to Arduino worked right away (notice that only 4 LEDs activated :))
IMG_6964

IMG_6970

We had a great time

IMG_6965

3 hours flew very fast πŸ˜€ It wasn’t enough πŸ™‚
IMG_6968

We will learn how to use button and RGB LED tomorrow πŸ™‚

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