Giter Site home page Giter Site logo

frontend-programming's Introduction

Frontend Programming

STT Terpadu Nurul Fikri

Frontend Programming - 4SE02W (SEMESTER 4)

Information

Nama   : Evry Nazyli Ciptanto
NIM    : 0110220045
Prodi  : Teknik Informatika

Link Tugas Praktikum

  • Tugas Pertemuan 2 : Link
  • Tugas Pertemuan 3 : Link
  • Tugas Pertemuan 4 : Link
  • Tugas Pertemuan 5 : Link
  • Tugas Pertemuan 6 : Link
  • Tugas Pertemuan 7 : Link
  • Ujian Tengah Semester : Link
  • Tugas Pertemuan 8 : Link
  • Tugas Pertemuan 9 : Link
  • Tugas Pertemuan 10 : Link
  • Tugas Pertemuan 11 : Link
  • Tugas Pertemuan 12 : Link
  • Tugas Pertemuan 13 : Link
  • Tugas Pertemuan 14 : Link
  • Ujian Akhir Semester : Link

frontend-programming's People

Contributors

nazyli avatar

Watchers

 avatar

frontend-programming's Issues

Feedback Task Pertemuan 3

Improvement (Hal yang bisa ditingkatkan)

  • Pada fungsi map di formatUser, dapat menggunakan spread operator untuk mengupdate object. Ex: { ...user, name: `${title}. ${user.name}` }
  • Return pada arrow function bisa dipersingkat menjadi sebaris

Feedback Final Project UTS

Terima kasih sudah mengerjakan Final Project UTS, you are extraordinary.

Berikut aku sampaikan hasil feedback dan evaluasi Final Project UTS.

Feedback Umum

  • Aplikasi sudah sesuai secara desain dan fungsionalitas.
  • Aplikasi sudah responsive, tampil bagus di berbagai screen (mobile, table, dan desktop). Namun table pada mobile screen perlu diperbaiki.
  • Desain sudah sesuai Figma dan dicustom.
  • Terdapat validasi pada Form.
  • Beberapa UI sudah dibuatkan menjadi Component terpisah. Ex: SectionCard.

Saran

  • Pada fungsi handleSubmit terdapat tugas validasi, sebaiknya bisa dipisahkan menjadi fungsi tersendiri. Ini merupakan teknik clean code: function should do one thing. Referensi.
  • Agar table menjadi responsive di mobile screen, gunakan property overflow-x agar terdapat scrool bar secara horizontal. Referensi.
  • Pada UI Table, sebaiknya break Table menjadi Component yang lebih kecil agar menjadi lebih reusable. Ex: TableProvinces, TableHead, TableBody.

Perbaikan

  • You did the best, try to refactor.

Thanks, Aufa Billah.

Feedback Final Project UAS

Terima kasih sudah sampai di tahap akhir dan mengerjakan Final Project UAS, selamat sudah berjuang sampai sejauh ini. :)

Berikut aku sampaikan hasil feedback dan evaluasi Final Project UAS.

Feedback Umum

  • Aplikasi sudah sesuai secara Fungsionalitas
  • Aplikasi sudah sesuai secara Desain dan Mobile Responsive.
  • Sudah menerapkan semua Stack yang dipelajari.
  • Sudah dibuatkan beberapa Component yang reusable.

Perbaikan

  • Belum ada, silahkan diimprove fitur yang belum ada agar dapat dijadikan portofolio.
  • Silahkan diimprove fitur yang belum ada seperti: Searching, Pagination, Filter, dll.

Saran dan Improvement

  • Logic untuk update provinsi sebaiknya dipindahkan ke dalam reducer. Sehingga Component fokus ke Presentational (tampilan).
  • Buat UI Component yang reusable seperti Chakra UI. Referensi.

Terima kasih atas dedikasi waktu dan belajarnya di kelas Frontend Programming, semoga ilmunya bermanfaat. Sampai jumpa di waktu dan kesempatan yang terbaik, salam, Aufa Billah.

Feedback Task 14

  • Thanks sudah mengerjakan tugas sampai pertemuan 14, You did the best.
  • Jangan lupa refactor dan tambahkan fitur-fitur lain di aplikasi.

Congrats. :)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.