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 Coding Mom Batch 4 – Day #6 – 23 Nov 2017

Standard

Day #6 of ProCodeCG Coding Mom πŸ™‚

IMG_2713 IMG_2714

Today we learned JavaScript πŸ™‚

IMG_2715

Creating buttons and functions

IMG_2716

and displaying a pop up message

IMG_2717

Coding is hard but it is also fun πŸ™‚

IMG_2718

And Moms help each other to make things work πŸ˜‰

IMG_2719 IMG_2720

Still don’t believe moms can code?

IMG_2722

beware people, because when they get started, they won’t stop πŸ˜‰

IMG_2723

What we have learned today

Bildschirmfoto 2017-11-23 um 9.38.39 AM

Bildschirmfoto 2017-11-23 um 10.01.54 AM

The progress of the website project πŸ™‚

Bildschirmfoto 2017-11-23 um 11.41.02 AM

Bildschirmfoto 2017-11-23 um 11.41.05 AM

Bildschirmfoto 2017-11-23 um 11.43.34 AM

Bildschirmfoto 2017-11-23 um 11.44.03 AM

IMG_2712

There’ll be more progress next week πŸ˜‰ We will be reporting πŸ™‚

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 πŸ˜‰

ProCodeCG Coding Mom Batch 4 – Day #3 – 13 Nov 2017

Standard

Coding Mom Batch 4 – Day #3 πŸ™‚

IMG_1895

Today we learned CSS πŸ™‚

IMG_1894

We helped Mom that missed the last class to catch up with GitHub and HTML

IMG_1889 IMG_1890

Two moms couldn’t make it to the class and we assisted them online πŸ™‚

IMG_1891

While the others move on to the next lesson

IMG_1892

IMG_1893

The result πŸ™‚

IMG_1896

Bildschirmfoto 2017-11-13 um 9.44.05 AM Bildschirmfoto 2017-11-13 um 10.36.44 AM

Bildschirmfoto 2017-11-13 um 10.40.59 AM Bildschirmfoto 2017-11-13 um 11.56.53 AM

Bildschirmfoto 2017-11-13 um 11.21.34 AM

Going to learn more things this Thursday πŸ™‚

Β 

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 Coding Mum Batch 3 – Day #14 – 16 Feb 2017

Standard

The last day before presentation tomorrow! πŸ™‚ Everybody was so busy finishing up their projects πŸ™‚

IMG_2822

But they have done great so far so tomorrow will be ok πŸ˜‰

IMG_2823

We still had this love and hate relationship with GitHub πŸ˜€ So tomorrow we will probably will do the presentation fromΒ each one’s local πŸ˜‰

IMG_2824

It’s unbelievable that Batch 3 is almost over πŸ™‚

IMG_2825

Some of the amazing works πŸ™‚

IMG_2826

Bildschirmfoto 2017-02-16 um 9.15.42 AM Bildschirmfoto 2017-02-16 um 9.16.02 AM

Bildschirmfoto 2017-02-16 um 9.16.14 AM Bildschirmfoto 2017-02-16 um 9.24.56 AM

Bildschirmfoto 2017-02-16 um 9.26.23 AM Bildschirmfoto 2017-02-16 um 10.00.35 AM

Bildschirmfoto 2017-02-16 um 10.01.53 AM Bildschirmfoto 2017-02-16 um 10.02.22 AM

Will show more of the awesome results tomorrow πŸ˜‰