Latihan membuat Navigation Bar seperti halnya situs Mashable dengan menggunakan CSS Flexbox

https://medium.freecodecamp.org/how-to-easily-build-mashables-navigation-bar-with-html-and-css-9e5007af786

#css #navigation #nav #bar #flexbox

Latihan membuat navbar yang responsive dengan menu toggle dan Flexbox

https://medium.freecodecamp.org/how-to-build-a-responsive-navbar-with-a-toggle-menu-using-flexbox-3438e1d08783

#flexbox #css #nav #navbar

Membuat efek menu kanvas di samping atau sidebar dengan menggunakan CSS

https://scotch.io/amp/bar-talk/build-an-avengers-off-canvas-sidebar-solution-to-code-challenge-7

#css #nav #menu #tutorial

Membuat navigasi menu tabs atau navigation header tabs yang bersifat responsive dan menampilkan "More" button ketika dibuka di layar kecil

https://css-tricks.com/container-adapting-tabs-with-more-button/

#nav #menu #navigation #header #tabs #responsive #css

Membuat menu navigasi di bagian kiri halaman yang responsif dengan ukuran halaman

https://css-tricks.com/sticky-smooth-active-nav/

#nav #menu #css

Membuat responsive Nav Bar dengan CSS Flexbox

https://dev.to/ceeoreo/code-a-responsive-navbar-with-html-and-css-flexbox-pt-2-13p7

#css #flexbox #nav

Membuat header halaman yang dapat menyusun atau shrinking otomatis dengan bantuan CSS dan JavaScript

https://css-tricks.com/how-to-create-a-shrinking-header-on-scroll-without-javascript/

---

Membuat kustomisasi Fetch API dengan Decorator Pattern

https://dmitripavlutin.com/enhance-fetch-with-decorator-pattern/

---

Memahami algoritma Reverse String di Javascript

https://levelup.gitconnected.com/javascript-algorithm-reverse-a-string-c24d06129f03

---

Membuat aplikasi mode Single Page Application dengan JavaScript murni

https://levelup.gitconnected.com/writing-a-single-page-application-with-vanilla-js-a5c7f7e23f6d

---

Memahami function generators di JavaScript

https://dev.to/gsarciotto/generators-in-typescript-4b37

#header #nav #shrink #generator #reverse #decorator #spa

John Smilga dan Freecodecamp merilis latihan panjang banget tentang membuat aplikasi web SSG dengan Gatsby JS. Latihan lengkap dapat dilihat dibawah ini.

https://www.freecodecamp.org/news/learn-gatsby-version-3/

---

Latihan membuat aplikasi translasi bahasa atau Translator App dengan React JS dan mode PWA

https://www.freecodecamp.org/news/react-tutorial-build-a-text-translation-pwa/

---

Cara melakukan render menu items di dalam Navigation Tag pada Next JS

https://www.freecodecamp.org/news/dynamic-navigation-in-nextjs/

---

#react #nextjs #freecodecamp #gatsby #johnSmilga #nav #ssg

Dcode - How to Create Your Own Context Menu with Icons Using HTML, CSS & JavaScript

https://www.youtube.com/watch?v=3jMykB29rOI

—-

Kevin Powell - Create a clean, modern navigation with HTML & CSS
https://www.youtube.com/watch?v=SkML640BcoA

—-

James Quick - ESSENTIAL JavaScript Extensions for VS Code in 2024
https://www.youtube.com/watch?v=oDlagfQ6HGs

#extension #html #css #dcode #contextmenu #nav

How To Setup Fingerprint Auth In JavaScript
https://www.youtube.com/watch?v=viZs1iVsLpA

—-

Circular Navigation using CSS & Javascript
https://www.youtube.com/watch?v=vYDWtGBhwPI

--

How to Create A Color Picker Tool Using HTML, CSS, and JavaScript

https://www.freecodecamp.org/news/create-color-picker-using-html-css-and-javascript/

---

How to Use Variables and Data Types in JavaScript – Explained With Code Examples

https://www.freecodecamp.org/news/how-to-use-variables-and-data-types-in-javascript/

#fingerprint #auth #css #nav