ProCodeCG Coding Mom Batch 4 – Day #5 – 20 Nov 2017

Standard

Day #5 🙂 Today we learned about taking pictures and image editing 🙂

IMG_2515 IMG_2516

IMG_2517

Good pictures are essential for web design, so we learned how to capture and produce nice pics 🙂

IMG_2518

Each mom tried to take pics using a DLSR camera

IMG_2519 IMG_2520

We taught moms about the setting, how lenses work and how to set focus, aperture and exposure

IMG_2521 IMG_2522

IMG_2523 IMG_2524

Then we process the pics on the computer

IMG_2526

or using mobile apps

IMG_2529

Then we learned about typeface and fonts

IMG_2530

we learned about typography and how to choose the appropriate typeface

IMG_2531

IMG_2532

After that, moms had to apply what had been learned to their own websites 🙂

IMG_2536

IMG_2538

While also learning from CodeAcademy learn more syntaxes and to do some exercises

IMG_2539

IMG_2540

We will learn JavaScript on the next class 😉

Advertisements

ProCodeCG Coding Mom Batch 4 – Day #2 – 9 Nov 2017

Standard

Coding Mom Batch 4 Day #2 🙂

Morning prep 🙂 We set up a display and a new wifi router to make things more comfortable

IMG_1541 IMG_1542

IMG_1543

IMG_1549

Today we learned more about GitHub, making sure every Mom understands all the steps of pull, add, commit and push 😉

IMG_1545 IMG_1546

IMG_1547

We missed one mom today 😦 But we’ll make sure to help her catching up

IMG_1548 2

We started to learn HTML and then upload it to github.io to make it publicly accessible

IMG_1550

IMG_1551 IMG_1552

IMG_1553 IMG_1554

Some screenshots of what we learned today:

GitHub activities

Bildschirmfoto 2017-11-09 um 9.15.44 AM Bildschirmfoto 2017-11-09 um 9.24.01 AM

Bildschirmfoto 2017-11-09 um 9.32.45 AM Bildschirmfoto 2017-11-09 um 9.28.43 AM

Bildschirmfoto 2017-11-09 um 9.35.25 AM

HTML Learning activities

Bildschirmfoto 2017-11-09 um 11.15.55 AM

Every mom should create their own index.html and put the file to github.io

Bildschirmfoto 2017-11-09 um 12.03.37 PM Bildschirmfoto 2017-11-09 um 12.06.59 PM

Bildschirmfoto 2017-11-09 um 12.20.07 PM Bildschirmfoto 2017-11-09 um 12.23.41 PM

We’re going to learn CSS next class 😉

ProCodeCG Coding Mom Batch 4 – Day #1 – 6 Nov 2017

Standard

Coding Mom Bandung is back! This is Batch-4 🙂

IMG_1339

There are only 5 moms but it didn’t stop us to start another batch 🙂

IMG_1340 2

These moms had awesome educations backgrounds and unrelated to electrical or informatics or computer engineering 🙂

IMG_1341

Today we learned some web concepts and then signed up to GitHub 🙂

IMG_1343

IMG_1344 IMG_1345

The first lesson in GitHub is to create a new file

Bildschirmfoto 2017-11-06 um 11.34.29 AM

We did it from GitHub website

Bildschirmfoto 2017-11-06 um 11.34.40 AM

and also from GitKraken

Bildschirmfoto 2017-11-06 um 11.37.13 AM

We learned to create a repo, clone a repo, create a file, modify a file, pull and push 🙂

Bildschirmfoto 2017-11-06 um 12.21.08 PM

We asked every mom to add their names to an attendance list in our repo 🙂

Bildschirmfoto 2017-11-06 um 12.21.16 PM

Next class we will continue on GitHub and start to learn HTML 😉

ProCodeCG Kids Coding Camp – IoT Programming – Day #3 – 24 June 2017

Standard

IoT Programming Coding Camp Day #3 🙂

Today we connect to a MQTT server to be able to publish and subscribe to a topic so we can control our ESPectro remotely via cloud 🙂

We connected to a MQTT server running on one of the computer of the class and also connected to an online MQTT server 😉

IMG_2259 IMG_2260

IMG_2261 IMG_2263

IMG_2265 IMG_2266

IMG_2267 IMG_2268

IMG_2269

We can control the ESPectro via mobile too 🙂

IMG_2273

IMG_2274

The lessons today required hard work and patience 🙂

IMG_2278

IMG_2279 IMG_2281

IMG_2282 IMG_2283

We code till we drop LOL

IMG_2284

Some screenshots:

connecting to an MQTT server (local)

Bildschirmfoto 2017-06-24 um 9.32.55 AM Bildschirmfoto 2017-06-24 um 9.52.02 AM

Sending command to ESPectro to turn the LED on/off

Bildschirmfoto 2017-06-24 um 10.03.05 AM

connecting to broker.hivemq.com

Bildschirmfoto 2017-06-24 um 10.47.05 AM

publishing message with command prompt

Bildschirmfoto 2017-06-24 um 10.14.31 AM Bildschirmfoto 2017-06-24 um 10.53.50 AM

MQTT dashboard

Bildschirmfoto 2017-06-24 um 10.56.33 AM Bildschirmfoto 2017-06-24 um 12.40.47 PM

We’ve learned so much today, we deserve certificates 🙂 Yaaay 🙂

IMG_2285

Picking up after ourselves 😉

IMG_2287

IMG_2289

Can’t believe coding camp is over 🙂 See you again soon and happy holiday 🙂

ProCodeCG Kids Coding Camp – IoT Programming – Day #1 – 22 June 2017

Standard

Day #1 of IoT Programming 🙂 We have 3 kids for this topic 🙂

Today we did some ESPectro setup and configuration, and then started basics about ESPectro. We learned about LED, button and neopixel. We created some cool stuff about neopixel on board, like creating knight rider and traffic light with pedestrian button 😉

IMG_2067

Here’s the pics of each kid with their works 🙂

Ardian

IMG_2058

IMG_2065IMG_2059

IMG_2069

IMG_2070

IMG_2081

IMG_2082

IMG_2088

IMG_2091

 

Dea

IMG_2060

IMG_2071

IMG_2074

IMG_2077

IMG_2083

IMG_2084

IMG_2095 2

Abdillah

IMG_2062

IMG_2063

IMG_2072

IMG_2079

IMG_2080

IMG_2089

IMG_2092

IMG_2094

Tomorrow we will learn about sensor 😉

IMG_2064

 

 

 

 

 

 

 

 

 

 

ProCodeCG Kids Coding Camp – Minecraft Modding – Day #3 – 21 June 2017

Standard

Day 3! Today we had challenges! 🙂

Kids were working on groups to finish the task together 🙂

There are 3 tasks out of 5 to be done:

  1. Create a skyscraper in JavaScript, must be different with the example given the day before
  2. Create a bridge in JavaScript
  3. Create a tunnel in Java Script
  4. Create two different structures with RedStone 🙂

So here are the pics of the class and the creations 🙂

We did create igloo and some other event-driven codes too 🙂

IMG_1933 IMG_1934

IMG_1935 IMG_1936

IMG_1937 IMG_1937

IMG_1938 IMG_1939

IMG_1940 IMG_1941

IMG_1942 IMG_1943

IMG_1944 IMG_1945 2

IMG_1946 2 IMG_1947 2

IMG_1948 IMG_1949 2

IMG_1950 IMG_1951

IMG_1952 2 IMG_1953

IMG_1954 IMG_1955

IMG_1956 IMG_1957

IMG_1958 IMG_1959

IMG_1960 IMG_1961

IMG_1962 IMG_1963

IMG_1964 IMG_1965

IMG_1966 IMG_1967

IMG_1968 IMG_1969

IMG_1970 IMG_1971

IMG_1972 IMG_1973

IMG_1974 IMG_1975

IMG_1976 IMG_1976

IMG_1977 IMG_1978

IMG_1979 IMG_1980

IMG_1981 IMG_1982

IMG_1983 IMG_1984

IMG_1985 IMG_1986

IMG_1987 IMG_1988

IMG_1989 IMG_1990

IMG_1991 IMG_1992

IMG_1993 IMG_1994

IMG_1995 IMG_1996

IMG_2002

IMG_2003 IMG_2004

IMG_2005 IMG_2006

Bildschirmfoto 2017-06-21 um 11.00.30 AM Bildschirmfoto 2017-06-21 um 11.00.49 AM

Bildschirmfoto 2017-06-21 um 11.35.28 AM Bildschirmfoto 2017-06-21 um 1.36.25 PM

Such an awesome class, we really had a great time together 🙂

IMG_1997

There are still many things to be explore, hoping to see you again kids 🙂 ❤ ❤ ❤