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 #10 – 11 Dec 2017

Standard

Day #10, and lots of progress 🙂

IMG_4073

We learn some picture editing and more Bootstrap 🙂

IMG_4074

IMG_4075

IMG_4076

IMG_4077

Bildschirmfoto 2017-12-11 um 11.11.51 AM (2)

Bildschirmfoto 2017-12-11 um 11.54.21 AM (2)

We helped each other and make sure everyone’s design works 🙂

IMG_4078

IMG_4079

The results 😉 plus the view for smaller devices 🙂

Bildschirmfoto 2017-12-11 um 8.45.17 AM Bildschirmfoto 2017-12-11 um 11.11.44 AM

Bildschirmfoto 2017-12-11 um 11.11.51 AM

Bildschirmfoto 2017-12-11 um 11.11.55 AM

Bildschirmfoto 2017-12-11 um 11.54.21 AM Bildschirmfoto 2017-12-11 um 11.54.24 AM

IMG_4083 IMG_4082

IMG_4081 IMG_4085

IMG_4086 IMG_4084

 

 

 

IMG_4080

We still have 4 more classes left before the presentation 🙂

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 😉