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 #10 – 6 Jan 2017

Standard

Day #10. We learned PHP + MySQL πŸ™‚

IMG_2183

The pace of Batch 3 is faster than the previous ones. Usually we learn PHP – MySQL on 12th Β or 13th class. Probably because we have learnt how to deliver the topics and we keep developing materials to support the learning process. Plus, this batch learns very quickly πŸ™‚

IMG_2184

IMG_2185

We installed XAMPP and got started πŸ™‚

IMG_2186

Creating some simple tables on the database

IMG_2189

Creating PHP codes to access the database

IMG_2190

So today the Mum is not only learning about front-end programming, but also back-end programming πŸ™‚

IMG_2191

Will learn more PHP – MySQL on the next class, while preparing for the final presentation next week πŸ˜‰

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 8 – 2 Feb 2017

Standard

Day #8 is time to start to learn Bootstrap πŸ™‚

IMG_1917 IMG_1918

The last time we learned creating forms in JavaScript and passing parameters from the form to another page. Today we start a new topic, and will get back to it if necessary πŸ™‚

IMG_1919

Trainers messy corner πŸ˜€

IMG_1920

After a few weeks learning HTML, CSS and Javascript, learning Bootstrap sometimes make you feel that you have wasted your time creating your own HTML, CSS and Javascript. But believe us it’s the path you have to go through πŸ˜€

IMG_1921

So we installed Bootstrap

IMG_1922

and download the examples

IMG_1923

and created a new folder on our github.io repository to start a new Bootstrap based website πŸ˜‰

IMG_1924

Ok here’s some of the results πŸ˜‰

IMG_1925

Bildschirmfoto 2017-02-02 um 3.18.06 PM

Bildschirmfoto 2017-02-02 um 3.19.02 PM Bildschirmfoto 2017-02-02 um 3.19.42 PM

Bildschirmfoto 2017-02-02 um 3.23.41 PM Bildschirmfoto 2017-02-02 um 3.21.59 PM

Bildschirmfoto 2017-02-02 um 5.43.56 PM Bildschirmfoto 2017-02-02 um 5.44.11 PM

And we had a quick project meeting with Coding Mum Alumni πŸ™‚

IMG_1926

Oh yes, Coding Mum is real thing πŸ™‚ We do projects and work hard to deliver the best πŸ™‚

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 #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 πŸ™‚