VueJS, Angular & React Javascript Frameworks

Vue

Vue is a progressive framework for building user interfaces or front end interfaces. Vue is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. the two-way data bindings that tie what we see and interact with on the screen with the application’s data model.

Simple Hello World Example of Vue:

to use vue you must include script

 

React

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. React is designed to make the process of building modular, reusable user interface components simple and intuitive.

React and Vue share many similarities. They both:

  • utilize a virtual DOM
  • provide reactive and composable view components
  • maintain focus in the core library, with concerns such as routing and global state management handled by companion libraries

Performance

In React, when a component’s state changes, it triggers the re-render of the entire component sub-tree, starting at that component as root. In Vue, a component’s dependencies are automatically tracked during its render, so the system knows precisely which components actually need to re-render when state changes.

Overall vue removes the need for a whole class of performance optimizations from the developer’s plate, and allows them to focus more on building the app itself as it scales.

AngularJS

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. AngularJS’s data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.

Complexity : Vue is much simpler than angular both in API and Design.

Flexibility : Angular can be more structured in application building while Vue is more flexible and adaptable to a wide variety of projects

Data Binding : AngularJS uses two-way binding between scopes, while Vue enforces a one-way data flow between components.

 

 

https://vuejs.org/v2/guide/

https://docs.angularjs.org/guide/introduction

https://vuejs.org/v2/guide/comparison.html

 

 

 

Posted in Uncategorized | Leave a comment

Binus University – Fresh Enrichment Program – General Orientation dan Academic Orientation

Hai temen-temen kali ini gua ingin sharring tentang FEP di Binus. Apa itu FEP?? FEP atau kepanjangan dari Fresh Enrichment Program merupakan masa pengenalan kampus. Tujuan dari program ini adalah agar mahasiswa dapat mempelajari lingkungan campus, beradaptasi, dan mengetahui situasi yang akan dihadapi ketika nanti akan memulai perkuliahan.

FEP sendiri dibagi kedalam 3 program : yaitu General Orientation, Academic Orientation dan Campus Life Orientation.

General Orientation (GO)

pada masa ini para calon mahasiswa akan ditemani oleh beberapa mahasiswa senior yang disebut dengan Buddy Coordinator (BC) selama beberapa hari kedepan. para BC ini telah merelakan waktu libur mereka hanya untuk membantu, menemani dan membimbing para calon mahasiswa Binus agar tidak kebingungan ataupun bila memerlukan bantuan seputar perkuliahan.

mahasiswa baru yang jumlahnya banyak harus dibagi menjadi 6 gelombang dan setiap gelombang dibagi lagi menjadi beberapa kelompok. nahh gua dibagi kedalam gelombang 5 kelas ke 3 Binus Kemanggisan. kelas kami adalah EBN03 ditentuin oleh Binus. Setiap kelas itu ada BC nya dan jumlahnya itu relativ. kalo gua kemarin BC ada 7 dan kelas gua isinya ada 60an orang dan selama seminggu kurang lebih kita akan lebih bersama kelas tersebut sampai GO selesai.

Academic Orientation (AO)

Sesuai dengan namanya Academic Orientation adalah orientasi yang lebih ke pengenalan Academic. kita diperkenalkan ke dunia jurusan yang telah kita pilih. lebih ke persiapan aja sebelum dimulai kuliah yang sesungguhnya. disini kita akan lebih seperti menghadiri kelas dan belajar bersama Dosen. pada AO ini juga kita akan dikenalkan pada fasilitas penunjang perkuliahan, hal apasaja yang kita butuhkan untuk mengikuti Ujian, Beberapa divisi yang apabila kita memiliki masalah dapat kita konsultasikan dan juga materi dasar dari mata kuliah yang akan sering ada pada sks kita. klo gua kemarin Algoritma dan bahasa pemograman C++. dan hari terakhir Academic orientation biasanya ada Test. test ini bertujuan untuk mengetahui seberapa kita mengerti materi yang diberikan.

sekian informasi dari saya. Semoga bermanfaat 🙂

Posted in Uncategorized | Leave a comment

Himti – HTTP 2015 !!!

Haii !! Nama Gua Rico. Gua Binusian 2019. Sekedar sharring aja. pengalaman acara welcoming Party dari Himti. tapi sebelumnya gua ingin jelasin apa itu Himti.

nahh temen-temen di Binus University itu setiap jurusan memiliki himpunan mahasiswa nya yang biasa disebut Himpunan Mahasiswa Jurusan (HMJ). Himti merupakan Himpunan dari mahasiswa Teknik Informatika. tetapi tidak hanya mahasiswa jurusan teknik informatika saja. Himti juga merupakan Himpunan dari seluruh mahasiswa School of Computer Science(SoCS). SoCS meliputi jurusan Teknik Informatika (TI), Game Aplication and Technology (GAT), Mobile Aplication and Technology (MAT) dan Cyber Security.

Jadi Himti merupakan Himpunan mahasiswa terbesar di Binus University dan semua mahasiswa SoCS merupakan anggota dari Himti. Kebayang dong seberapa besar Organisasi nya. Mahasiswa jurusan TI aja uda beribu-ribu di Binus.

Setiap Himpunan mahasiswa memiliki Acara untuk menyambut anggota baru mereka masing-masing. dan Himti memiliki acara welcoming party yang dinamakan HTTP. Bukan Hypertext Transfer Protocol tapi Himti Togetherness and Top Performence. Pada acara ini nanti bakalan banyak pertunjukan menarik dan setiap tahunnya selalu berubah-ubah. ada banyak hiburan dan juga talkshow menarik yang dapat memotivasi dan menambah wawasan. Tapi Acara ini tidak gratis. karena keterbatasan biaya dan banyaknya mahasiswa baru. jadi hanya bagi yang berminat saja dapat daftar saat expo atau melalui website Himti.

Sekian Info yang dapat saya bagikan semoga bermanfaat.

Posted in Uncategorized | Leave a comment

8 contoh pemograman bahasa C dasar

beberapa sintax pemograman dasar yang digunakan :

1. #include<stdio.h>

digunakan untuk menandakan library yang digunakan agar fungsi scanf dan printf dapat digunakan.

2. int main(){ . . . .}

digunakan sebagai fungsi utama untuk memulai program.

3. scanf

digunakan untuk men input data dan kemudian ditampung pada variabel.

4. printf

digunakan untuk mencetak data yang ingin dimunculkan pada layar.

5. \n

digunakan untuk enter tulisan ke bawah.

6. for(x=a;x<=b;x++)

merupakan sintax untuk melakukan pengulangan.

7. return 0;

digunakan untuk mereset kembali semua nilai.

 

CONTOH 1 : pengulangan berbentuk segitiga rata kiri

tugas1

 

penjelasan:

1.  lakukan pengulangan pertama / for (i = 1 ; i <= angka ; i++)  untuk membuat baris .                                                                                                                                     i=1 adalah variable i didefinisikan dengan 1.

kemudian dibandingkan dengan variable angka “i<=angka”. jika i kurang dari samadengan angka maka akan menjalankan sintax yaitu for yang kedua.

pengulangan akan berakhir jika i tidak sama dengan angka.

2. for kedua/ for(a = 1 ; a <= i ; a++)untuk menentukan batas untuk melakukan pencetakan.

a=1 adalah variable a didefinisikan dengan 1

kemudian a dibandingkan dengan variable i “a <= i”. jika a kurang dari samadengan i maka akan menjalankan sintax yaitu printf.

3. printf untuk mencetak angka yang di ingin kan.

 

CONTOH 2 : pengulangan berbentuk segitiga rata kanan

tugas2

 

penjelasan :

1.  lakukan pengulangan pertama / for (i = 1 ; i <= angka ; i++)  untuk membuat baris .

i=1 adalah variable i didefinisikan dengan 1.

kemudian dibandingkan dengan variable angka “i<=angka”. jika i kurang dari samadengan angka maka akan menjalankan sintax yaitu for yang kedua.

dan didalam pengulagan pertama terdapat 2 pengulangan

pengulangan akan berakhir jika i tidak sama dengan angka

2. for yang kedula adalah untuk mencetak spasi.

tambahkan pengulangan untuk spasi jadi didalam pengulangan pertama ada 2

pengulangan. pengulangan j=i karena i=1 dan pengulangan dilakukan sampai

pengulangan kedua selesai baru dikerjakan pengulangan ketiga

3. pengulangan ketiga untuk mencetak angka yang diinginkan.

 

CONTOH 3 : Pengulangan segitiga rata kanan terbalik.

tugas3

Penjelasan :

1.  lakukan pengulangan pertama / for (i = 0 ; i <= angka ; i++)  untuk membuat baris .

2. kemudian lakukan pengulangan kedua untuk kolom.

3. didalam pengulangan kedua masukan variable j=a-i. sebagai variable penentu angka.

4. gunakan if untuk menentukan akan mencetak angka atau spasi.

 

CONTOH 4 : Pengulangan segitiga sama kaki.

contoh ini dapat dilakukan dengan 2 cara tetapi logika nya hampir sama.

tugas4.1

 

Penjelasan:

1.  lakukan pengulangan pertama / for (i = 1 ; i <= angka ; i++)  untuk membuat baris .

 

2. pengulangan kedua untuk mencetak spasi. konsep nya sama dengan Contoh 2

3. perbedaannya hanya pada saat mencetak “printf(“%d_”, a)” tambahkan spasi setelah mencetak var a. maka akan ada jarak dengan pengulangan berikutnya.

tugas4.2

 

CONTOH 5 :Membuat Kotak dengan bolong di tengah.

tugas5

Penjelasan :

1.  lakukan pengulangan pertama / for (i = 1 ; i <= angka ; i++)  untuk membuat baris .

2. if(i==1||i==angka){
for(a=1;a<=angka;a++){
printf(“*”);
}else{
for(a=1;a<=angka;a++){
if(a==1||a==angka){
printf(“*”);
}else{
printf(” “);
}
}
}

Logika dari fungsi ini adalah menggunakan “jika maka”. jika i ==1 atau i== angka maka akan mencetak “*”, jika tidak maka melakukan pengulangan kembali. dan didalam pengulangan terdapat logika kembali untuk mencetak bintang dan spasi untuk kotak bolong di tengah.

Contoh 7 :Fibonaci berbentuk segitiga

tugas7

Penjelasan :

1. buatlah variable pendukung

2. masukan data awal disini saya menggunakan seperti pada gambar. dengan nilai awal adalah 1 (hasil = b+c)

3. lakukan scanf untuk menentukan batas angka yang ingin dimunculkan.

4.  lakukan pengulangan pertama / for (i = 1 ; i <= angka ; i++)  untuk membuat baris .

5. printf(“%d”,  b) untuk mencetak angka 1 pertama

6. tuliskan kembali data awal kembali untuk mereset saat pengulangan baris.

7. for(a=1;a<=i;a++){
printf(“%d “, hasil);

c=b;
b=hasil;
hasil=b+c;

}

pengulangan fibonaci.

 

 

 

Posted in Uncategorized | Leave a comment

Hello world!

Welcome to Binusian blog.
This is the first post of any blog.binusian.org member blog. Edit or delete it, then start blogging!
Happy Blogging 🙂

Posted in Uncategorized | 1 Comment