ProCodeCG Coding Mum Batch 3 – Day #15 – 17 Feb 2017

Standard

OK finally the last day πŸ™‚

IMG_2870

We should have had 4 judges/reviewers for today, but one of themΒ had to cancel due to a very urgent thing.

IMG_2871

Our reviewers, from right to left: Muhamad Nur Awaludin (Mumu) CEO ofΒ Kakatu, Jefvin Viriya CTO of OwnGames and Sherly – Web Developer at Own Games πŸ™‚

IMG_2872

Corner of the Mums πŸ™‚

IMG_2873

The first one: Bu Lita Ervinna πŸ™‚

IMG_2874

She presented an awesome, detail and complete science education website design

IMG_2877 IMG_2878

With loads of educational contents

IMG_2880

It contains interesting topics presented in interesting ways

IMG_2881

With lots of pictures to make sure it gives detail information for each experiments/topics

IMG_2882

There are pictures explaining the topics

IMG_2884

And quizzes too

IMG_2885

IMG_2887

There are also videos

IMG_2888

Reviewing session

IMG_2889

The next one was Bu Ismi Amaliah

IMG_2892

The website is designed for a real client πŸ™‚

IMG_2893

So this is a website for a real company πŸ™‚

IMG_2894

IMG_2895 IMG_2896

The design is sleek and elegant. And connected to the database too! πŸ™‚

IMG_2897

And then Bu Riska Syarif presenting a furniture website

IMG_2899

This is also for a real business. Her family has running this business for several years

IMG_2900

Good pictures, good design, and a very attractive layout πŸ™‚

IMG_2901

Clean and simple

IMG_2902 IMG_2903

IMG_2904

Less is more. The simple design makes people focusing on the products. Well done πŸ™‚

IMG_2906

IMG_2911

IMG_2914

And then a ticket booking website design by Bu Maria Soedirgo πŸ™‚

IMG_2917

The design involves complex coding in PHP

IMG_2918

It has complex CSS formatting too

IMG_2920

Plus lots of form verifications πŸ™‚ This is going to be a competitor of Traveloka and Tiket.com πŸ™‚

IMG_2921

Another interesting product website for real customer: Rubiya by Bu Novi Mustiantari

IMG_2923

The design has lots of great pictures withΒ great layout

IMG_2924

Very entertaining to the eyes πŸ™‚

IMG_2926

It is totally well designed! The customer will be so happy to see this! πŸ™‚

IMG_2927

The next ones are not Mums πŸ™‚ They are still very young πŸ™‚ This one looking scruffy and lacking of sleep is Nadia Nathania πŸ™‚ A real coder looks! πŸ™‚

IMG_2907

And that hard work pays off! Look at the result!!!

IMG_2928

She created a website for her community named “Bandung Lautan Damai”

IMG_2929

Since it consists of different people with different backgrounds and emphasizing on tolerating differences, the design is so colorful and contrast!

IMG_2930

The colors shows diversity in harmony. A mindblasting design!

IMG_2931

It is simple, and the typography is brilliant!!!

IMG_2932

This is a masterpiece πŸ™‚

IMG_2933

IMG_2934 IMG_2935

The last but not least: A news website design by Fairuz Rana Ulfah πŸ™‚

IMG_2938

It has a tight and complex design as a container to its various news and links πŸ™‚ It looks so neat but requires hard work! πŸ™‚

IMG_2940

IMG_2939

Reviewers gave brief intro about their company to inspire the Coding Mum Alumni and to guide them with some tips about getting a job/project.

IMG_2941

Mas Jevfin explained the difference between game programmers and front-end programmers

IMG_2943

Mas Mumu introduced us to Kakatu and its products πŸ™‚

IMG_2945

IMG_2946

One of Kakatu’s powerful products πŸ™‚

IMG_2948

What’s happening at the “backstage” πŸ˜€

IMG_2891

IMG_2883

IMG_2922

Mums from Batch 1 and Batch 2 giving their support to the juniors! Thanks! :* :* :*

IMG_2912

A very professional looking photographer πŸ˜€

IMG_2913

IMG_2909

IMG_2910

IMG_2947

Yaaay, now everyone can get their sertificates πŸ™‚

IMG_2950

IMG_2952

IMG_2953 IMG_2954

IMG_2956

IMG_2951 IMG_2955

Congrats Batch 3! We’re so proud of you!!!

IMG_2972

All of us!

IMG_2960

And afterwards: all gathering around Mas Mumu to get more info about Kakatu πŸ˜‰

IMG_2963

Today is a great day! ProCodeCG is so proud to be able to educate another batch of Coding Mum πŸ™‚ Will start Batch 4 for very soon πŸ™‚

Thanks so much to the reviewers πŸ™‚

And so many thanks to Grapari Telkomsel Digilife Dago for the support and providing us with technology and infrastructures πŸ™‚

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

ProCodeCG Coding Mum Batch 3 – Day #13 – 13 Feb 2017

Standard

Day 13 πŸ™‚ Getting ready for presentation on Friday πŸ™‚

IMG_2614

Everyone already has clear concept and topic so once they get the right template or example, it won’t take long to finish πŸ™‚

IMG_2615

Instructors’ corner is always the messiest one πŸ˜€

IMG_2616

We always have so much things to tinker with πŸ˜‰

IMG_2617

Today we cover whatever being problems in developing the websites. This one is when we explain about reading dropdown value in JavaScript.

IMG_2618

There were also some problems with syncing to GitHub so we cannot yet display the latest work online. These ones some pics we can get from local screen πŸ™‚

IMG_2619

So neat!

IMG_2621

Mba Tita showed her work on filtering function with JQuery to the class πŸ™‚

IMG_2620

Close assistance πŸ™‚

IMG_2622

Mba Tita was very busy tutoring and solving problems πŸ˜€

IMG_2632

IMG_2633

Most problems were solved today.

IMG_2634 2

Hope we can clean up most problems on Thursday so we will be ready Friday! πŸ˜‰

ProCodeCG Coding Mum Batch 3 – Day #9 – 3 Feb 2017

Standard

Day 9 already! We finished learning Bootstrap today πŸ™‚

IMG_1967

Everybody was busy improving their website design with Bootstrap, while sharing tips and tricks with another πŸ™‚

IMG_1969

The class is now used to syncing to GitHub. All their works are accessible online so the progress can always be monitored πŸ™‚ And the progress is awesome πŸ™‚

IMG_1970

No one believed that Mums can learn so much about front-end programming in just 15 classes, until they see Coding Mum alumni πŸ™‚ These ones are going to be great front-end developers too!

IMG_1971

Mba Tita assisted Mba Fairuz to catch up with Bootstrap because she missed the class yesterday πŸ™‚

IMG_1968

The result of catching up πŸ™‚ Combining jumbotron with carousel πŸ™‚ Impressive πŸ™‚

IMG_1972

The results:

Bildschirmfoto 2017-02-03 um 9.05.59 AM

Bildschirmfoto 2017-02-03 um 9.27.15 AM Bildschirmfoto 2017-02-03 um 9.33.33 AM

Bildschirmfoto 2017-02-03 um 2.43.02 PM

Bildschirmfoto 2017-02-03 um 2.41.45 PM

And some console Git involved πŸ™‚

Bildschirmfoto 2017-02-03 um 11.15.37 AM Bildschirmfoto 2017-02-03 um 11.16.30 AM

While at the backyard, our Coding Mum Alumni working hard on their ongoing project πŸ™‚

IMG_1966

ProCodeCG Coding Mum isΒ developing better management and teamwork. We’re going to be great! πŸ˜‰

ProCodeCG Coding Mum Batch 3 – Day #7 – 30 Jan 2017

Standard

Day #7 πŸ˜‰

IMG_1751

IMG_1752

We did homework debugging πŸ™‚

IMG_1753 IMG_1754

IMG_1755 IMG_1756

IMG_1757

Assignment and homework for today is creating a form that sends the values to another page (later we will storeΒ the values in a database)

IMG_1758

CM-1 alumni πŸ˜€ Mba Dyah and Mba Tita

IMG_1759

At this stage, everybody has strong attachment with the work. They won’t stop until they make it work πŸ˜€

IMG_1760

The script is getting longer and more complex πŸ™‚

IMG_1761

Some of the results πŸ™‚

Bildschirmfoto 2017-01-30 um 8.12.28 AM

Bildschirmfoto 2017-01-30 um 8.18.15 AM Bildschirmfoto 2017-01-30 um 10.51.14 AM

Bildschirmfoto 2017-01-30 um 11.21.30 AM Bildschirmfoto 2017-01-30 um 7.34.28 PM

Bildschirmfoto 2017-01-30 um 7.34.32 PM Bildschirmfoto 2017-01-30 um 7.34.35 PM

We’re going to learn Bootstrap on the next class (after debugging the homework πŸ™‚ )

ProCodeCG Coding Mum Batch 3 – Day #6 – 27 Jan 2017

Standard

Day #6! πŸ™‚ Β Creating forms in JavaScript πŸ™‚

IMG_1550

Next week we’ll be ready to explore Bootstrap πŸ™‚

IMG_1551

Now we have learned enough HTML, CSS and JavaScript

IMG_1552

Which add up more complexity to the code and require higher skill of debugging πŸ˜€

IMG_1553

Bu Riska needed two computers to debug the errors πŸ˜€

IMG_1554

And then the mums started to compare their errors. Usually it’s only missing brackets or unnecessary spaces πŸ˜€

IMG_1555 2

Pages of codes.. and more for homework πŸ˜€

IMG_1556

Some screenshots of our HTML, CSS and JavaScript codes πŸ™‚

Bildschirmfoto 2017-01-27 um 9.33.57 AM

Bildschirmfoto 2017-01-27 um 8.54.46 PM Bildschirmfoto 2017-01-27 um 8.55.05 PM

See you again on Monday, Mums! πŸ˜‰ *We’ll be monitoring you via GitHub, heheh πŸ˜€

ProCodeCG Coding Mum Batch 3 – Day #5 – 26 Jan 2017

Standard

Day #5 πŸ™‚

IMG_1499

We began with checking homework πŸ™‚

IMG_1500

Everyone had different ways doing the homework so we went through each one πŸ™‚

IMG_1501

Many ways to get things done. No standard templates πŸ™‚

IMG_1503

Some screenshots of the homework:

 

Bildschirmfoto 2017-01-26 um 9.08.34 AM

Bildschirmfoto 2017-01-26 um 9.28.38 AM Bildschirmfoto 2017-01-26 um 9.47.16 AM

Bildschirmfoto 2017-01-26 um 9.51.05 AM

Bildschirmfoto 2017-01-26 um 10.16.07 AM

Bildschirmfoto 2017-01-26 um 5.42.57 PM

And today we started to learn JavaScript

IMG_1504

Bildschirmfoto 2017-01-26 um 5.43.26 PM

Bildschirmfoto 2017-01-26 um 10.22.48 AM Bildschirmfoto 2017-01-26 um 10.43.03 AM

Bildschirmfoto 2017-01-26 um 10.43.05 AM

And after the class we had a meeting with previous batch Coding Mum to discuss about our new projects πŸ˜‰

IMG_1505

Yes, CM is real. We work professionally πŸ™‚ We deliver and finish the job.

IMG_1506

CM alumni gather lots of experience and sharpenΒ their skillsΒ with each project πŸ™‚