ETS PWEB 2021

 

Soal ETS PWEB 2021

1. Jelaskan dan berikan contoh

- front end web apps

- back end web apps

- full stack developer

2. Tuliskan skill yang dibutuhkan untuk membangun aplikasi web

3. Apa yang dimaksud client side dan server side, ilustrasikan penjelasanmu

Jawaban:

1. Front End Web Apps

• Front End Developer adalah bagian yang mengembangkan bagian web yang dapat dilihat langsung dan berinteraksi dengan pengguna. Front End developer bertanggung jawab untuk membuat antarmuka pengguna dan memberikan pengalaman pengguna yang mulus dengan mengatur dan menata komponen pada halaman web.

• Pengembangan front end bisa dibangun menggunakan HTML, CSS, maupun Javascript, dan beberapa framework lain seperti jQuery, React.js, dan Bootstrap.
•  HTML: Hypertext Markup Language yang berfungsi untuk mendefinisikan struktur darI halaman web sendiri. 
• CSS: Cascading Style Sheet yang digunakan untuk mengimplementasikan desain kepada struktur web yang telah dibuat. 
• Javascript: Bahasa scripting yang digunakan untuk menambahkan sisi interaktif dari suatu web untuk user, dan untuk meningkatkan fungsionalitas dari suatu web. 

    Contohnya adalah Website Portofolio, website cv, dll

   Back End Web Apps

• Back End adalah server side dari suatu website, yang menyimpan dan mengatur data, dan memastikan bahwa sisi client/user berjalan dengan benar. Back End adalah sisi yang tidak bisa dilihat langsung oleh User, dan hanya dapat diakses secara tidak langsung. 
• Back End developer adalah software developer yang bertanggung jawab dalam mengelola server, aplikasi, dan database agar dapat saling berkomunikasi dengan baik dan lancar. Aktivitas back end yaitu seperti membuat API, membuat library, dan bekerja dengan komponen-komponen sistem tanpa antarmuka. 

    Contoh bahasa Backend adalah

• PHP: Bahasa scripting untuk server side. 
• NodeJS: Open source environment untuk dapat mengeksekusi Javascript di luar browser. NodeJS biasa digunakan untuk membangun layanan backend seperti API. 
• Adapun framework back end seperti Laravel, yang banyak digunakan untuk web development. 

    Contoh Facebook, Reddit,Instagram, Twitter

    Full Stack Web Developer

Full stack developer adalah seorang yang merangkap kerja sebagai front end developer dan back end developer. Full stack developer harus dapat membuat website secara penuh, baik dari sisi client (tampilan dan interaksinya) maupun dari sisi server (web server dan database).

2. skill yang dibutuhkan oleh web developer untuk membangun aplikasi web adalah kemampuan dalam mengggunakan

• Hypertext Markup Language (HTML)
• Cascading Style Sheets (CSS)
• JavaScript

       lalu terdapat skill programming back end seperti

• PHP
• Java
• Python

           kemudian dibutuhkan pemahaman menggunakan sql yang bertugas untuk mengeksekusi sebuah perintah untuk mengambil data tersebut disimpan ke dalam database. Jadi dapat menyimpan informasi seperti username, password, nama, dokumen, dan lain sebagainya menggunakan SQL. SQL juga bisa Anda manfaatkan untuk menampilkan informasi yang sebelumnya tersimpan di dalam database. Selain menyimpan dan menampilkan informasi di dalam database, SQL juga dapat menghapus dan menyunting informasi di dalam database

      3. Client Side  

    Client Side adalah segala sesuatu yang dilakukan atau dijalankan oleh sisi pengguna             (komputer pengguna). Pengembangan dari client side termasuk pengembangan sisi interaktif dan menampilkan data. Client Side biasa dikembangkan oleh front end developers, dan bisa disebut juga sebagai front end ds. Contoh bahasa scripting dari client side adalah : Javascript, HTML dan  CSS

     Server Side adalah sistem yang berjalan pada server, dan biasa bekerja dibelakang layar untuk mengatur data, seperti mengambil dan mengirim data dari database untuk ditampilkan pada client side. Server side juga disebut sebagai back end. Adapun contoh bahasa server side yaitu Python, SQL, Ruby on Rails, PHP, and Java.

4. membuat front-end web yang berisi seperti berikut

Home
Halaman home adalah halaman utama yang akan dibuka pertama kali saat pengunjung membuka website. Halaman ini berisi menu, foto, teks, dan tabel.

Download CV
Berisi daftar portofolio dan link yang pernah dikerjakan, dan juga CV yang dipunyai.

Contact
Halaman contact adalah halaman yang berisi form untuk menghubungi pemilik website.

About me

Halaman about adalah halaman yang berisi informasi lengkap tentang website. Lengkapi link dengan social media anda

dalam membuat web cv saya menggunakan  boostrap,  dan menggunakan fungsi JS. Web cv dapat diliat pada link berikut  WEB CV dan untuk source code dapat diliat pada github

berikut adalah video demo