ProCodeCG Coding Mom Batch 4 – Day #11 – 14 Dec 2017

Standard

Day #11 already 🙂

IMG_4286 IMG_4287

IMG_4288

We learned deeper about Bootstrap

Bildschirmfoto 2017-12-14 um 9.41.04 AM (2)

Bildschirmfoto 2017-12-14 um 9.40.25 AM (2)

And then we started to learn PHP after installing XAMPP 🙂

IMG_4290 IMG_4291

Next class we will learn about database and MySQL 🙂

 

Advertisements

ProCodeCG Coding Mom Batch 4 – Day #8 – 30 Nov 2017

Standard

Day #8 of Coding Mom! 🙂

 

IMG_3222

We re-learned HTML, CSS and JS and put them all together 🙂

Bildschirmfoto 2017-11-30 um 10.26.02 AM (2)IMG_3223

IMG_3224 IMG_3225

We did some tricks to to make the paragraph disappear 🙂

Bildschirmfoto 2017-11-30 um 10.31.49 AM (2)

And then we started to learn responsive design

Bildschirmfoto 2017-11-30 um 10.58.02 AM (2)

And of course: Bootstrap 😉

Bildschirmfoto 2017-11-30 um 11.01.41 AM (2)

Bildschirmfoto 2017-11-30 um 11.11.33 AM (2) Bildschirmfoto 2017-11-30 um 11.01.41 AM

Bildschirmfoto 2017-11-30 um 11.11.02 AM (2) Bildschirmfoto 2017-11-30 um 11.24.44 AM (2)

The result 😉

IMG_3226

We tested it on several devices, in portrait

IMG_3227

and in landscape 🙂

IMG_3228 IMG_3229

IMG_3230

We’re ready to design our own responsive design in the next class 😉

ProCodeCG Coding Mom Batch 4 – Day #7 – 27 Nov 2017

Standard

Day #7 of Coding Mom Batch 4 🙂

We learned about more JavaScript and UI/UX Design 🙂

IMG_3042

We took a look at some great design examples

IMG_3043

And did some code dissection

IMG_3044

Each mom was given an assignment to make a sketch of their web design 🙂

IMG_3045

IMG_3046 IMG_3047

IMG_3048

We’re going to learn some Bootstrap this Thursday and we’ll see how to make this design come true 🙂

ProCodeCG Kids Regular Coding Class – ESPectro Programming – 29 July 2017

Standard

Our regular Saturday kids coding class 🙂

IMG_4526

IMG_4527 IMG_4528

Now Awa’s ESPectro Neopixel works just fine, after we inserted the 2 pin jumper 🙂

IMG_4530

Ok, move on to the next: Knight Rider 🙂

IMG_4531

Done 🙂

IMG_4537

Then give different colors to each neopixel 🙂 Done 🙂

IMG_4539

The Knight Rider with different colors. And then Awa went like this LOL

IMG_4543

Rafi continued working on Ultrasonic Counter

IMG_4545

IMG_4546

We were in the middle of compiling and fixing errors when the computer start updating (you know, Windows stuff 🙂 ) So we gotta try again next week 🙂

IMG_4554

We are going to collaborate Arduino/ESPectro with Minecraft very soon 🙂 Will be reporting as soon as we start it 😉

ProCodeCG Kids Regular Coding Class – ESPectro/Arduino – 27 May 2017

Standard

Today we had one student working on ESPectro and one on Arduino Mega and one on Arduino Uno 😀

Rezky had just started his ESPectro programming journey, that we already know, is painful at the beginning (the setup and installation) 🙂 Hopefully we will finish the installation next week and start to work with ESPectro the week after 🙂

IMG_9797

The first day of Ramadhan 🙂 Lots of kids didn’t come, probably still adjusting with the new schedule of waking up earlier for sahur, etc.

IMG_9817

Capt. Malik is back! Ready to continue the Air Drum with Gyro Project!

IMG_9819

Yeah this is how Capt. Malik looks like when he’s at work! 😉

IMG_9826

IMG_9837

Malik uses Arduino Mega

IMG_9840

And the gyro test worked well

IMG_9839

IMG_9847

IMG_9851

Malik’s little brother is also interested in the same thing 🙂 Rezvan had just started Arduino Programming 🙂

IMG_9820

Started with LED and resistor

IMG_9830

Worked nicely 🙂

IMG_9831

And then Rezvan was working with more LEDs 🙂

IMG_9832

IMG_9836

Malik helped Rezvan to check the wiring

IMG_9844

And yes! Worked ok 😉

IMG_9848

There’s always interesting things to do each week, there are lots of new things to explore in the handout 🙂

ProCodeCG Kids Regular Coding Class – Minecraft Modding, Intro to Programming, Java Programming, Apps Programming – 20 May 2017

Standard

Our open topics class yesterday 🙂 Rezky was working on Intro to Programming with CodeCombat 🙂

IMG_9286

IMG_9312

IMG_9318

J always has projects to do in Minecraft 🙂

IMG_9290

Vian (blue shirt), J (eyeglasses) and Gyan (in jacket) signed in to one Minecraft server and build things together

IMG_9293

IMG_9317

The class 🙂

IMG_9294

Dika was in the middle of creating a To Do Apps with Thunkable

IMG_9295

IMG_9303

IMG_9314

The result 🙂 (some of the properties should be set to look neater)

IMG_9315

Tyo made lots of progress 🙂

IMG_9298

He had finished ProCodeCG Attendance List Prototype in Java 🙂 We just tick on the check boxes and it will shows how many students attending, then add the date and save it to file!

IMG_9299

Great job, Tyo! 🙂

IMG_9300

Tyo had also finished creating Snake Game in Java

IMG_9320

and adding some scores (a score will be added each time the Snake eat a food). Next is to print the score on the game board 😉

IMG_9321

Gyan is very good creating things with Red Stone and gates in Minecraft 🙂

IMG_9304

He can make almost anything, from sliding doors to traps and so much more 🙂

IMG_9305

IMG_9306

Rafi switched from ESPectro to Minecraft coding 🙂

IMG_9311

He learned how to use looping to create stacks of blocks

 

Like this one 🙂

IMG_9316

Captain Corner 😀

IMG_9297

Capt. Zaki giving help to Rezky

IMG_9308 IMG_9309

and helping Rafi with the server

IMG_9313

The class 🙂

IMG_9310

The front office 🙂 (two other girls didn’t show up, hiks)

IMG_9307

See you next week 🙂

 

 

 

 

 

ProCodeCG Kids Regular Coding Class – Minecraft Modding, Java Programming, GameMaker, Intro to Programming – 13 May 2017

Standard

The Open Topics Class 😉

Raihan learned Intro to Programming and GameMaker today 🙂

IMG_8735

He learned basic programming with Scratch/Blockly-like programming

IMG_8744

Raihan finished it in one hour

IMG_8783

and got the online certificate yaay congrats! Then he started to learn how to create simple game with GameMaker 🙂

IMG_8784

Cinta (green shirt) was working on Minecraft and Apps Programming today 🙂

IMG_8740

Cinta teamed up with Nanin (yellow hijab) and create things  🙂

IMG_8758

These girls 🙂 Do things together 🙂

IMG_8792

Nanin created lots of things today 🙂

IMG_8752

IMG_8756

There were some problems with her Minecraft settings

IMG_8757

and luckily ka Jundy helped her 🙂 Thanks J 😉

IMG_8762

While J himself created amazing things today 🙂

IMG_8753

He created elevator with piston and teleport 🙂

IMG_8759 IMG_8760

The 2 levels building with elevator

IMG_8761

And then J improved it to have more levels with different colors

IMG_8772

so that we’ll know when we have being teleported to different levels of the building  😉

IMG_8773

IMG_8774

IMG_8775

IMG_8776

Great job, J! Brilliant idea. Next is to do this with JavaScript coding 🙂

IMG_8777

Gyan was on creating triangle in JavaScript

IMG_8763

Gyan, Vian and Jundy working on the same server

IMG_8764

IMG_8785

IMG_8789

IMG_8781

This is the code they have to type

IMG_8771

Vian was very excited as always 🙂

IMG_8778

A lovely scene 🙂

IMG_8779

Rheino had finished his triangle code in JavaScript

IMG_8780

and run in in Minecraft 😉

IMG_8790

the next challenge for Rheino is to change the pattern of the colors 😉

IMG_8791

Rheino helped a newcomer, Rezky 🙂

IMG_8782

Rezky was doing an intro to programming and had finished the One Hour Code Minecraft

IMG_8787

and got the certificate 🙂

IMG_8786

Well, lots of achievement today! So glad 🙂

*off the picture: Raul was working on Snake Game in Java and worked well. We are going to add more food and displaying some score. Dika was working on To-Do-List App with Thunkable 🙂