JavaScript Indonesia Channel

Latihan panjang dari Freecodecamp membuat aplikasi web dengan tampilan responsive dan mobile first

https://youtu.be/y51Cv4wnsPw

---

Memilih element DOM HTML untuk diberikan style CSS

https://www.digitalocean.com/community/tutorials/how-to-select-html-elements-to-style-with-css

---

Membuat tampilan daftar notifikasi dan Pin Menu dengan HTML dan CSS

https://dev.to/medhatdawoud/cloning-hey-pin-menu-using-css-and-javascript-5f8a

---

Menggunakan Checkbox sebagai pemicu trigger untuk melakukan render ulang halaman web

https://levelup.gitconnected.com/using-a-checkbox-to-instantly-refresh-page-with-new-data-f775084d4479

---

#css #sass #scss #pinMenu

YouTube

Web App Tutorial - JavaScript, Mobile First, Accessibility, Persistent Data, Sass

In this tutorial, we will build a to-do list app with HTML, SASS / CSS, and Vanilla Javascript. Our to-do list web app will be responsive with mobile first in mind. The to do list app will also be built with accessibility (A11y) in mind for keyboard navigation…

1.32K viewsRian YW, 02:50

JavaScript Indonesia Channel

Latihan membuat tampilan aplikasi web berbentuk Landing Page dengan SASS/SCSS bersama Web Programming Unpas

https://youtu.be/bZVbNGfrDao

#sass #scss #wpu #landingpage

YouTube

NGOBAR #25 - Membuat WEBSITE LANDING PAGE menggunakan SASS

👉🏼 👉🏼 Dapatkan AKSES GRATIS Progate Plus selama 2 bulan (berlaku selama 20 November 2020 - 31 Desember 2020) dengan mengisi form berikut : https://bit.ly/ProgateWebProgrammingUNPAS
https://progate.com/

---
- Playlist Belajar SASS :
https://www.youtube.…

1.01K viewsRian YW, 06:21

JavaScript Indonesia Channel

Melakukan web scrapping dengan menggunakan Puppeteer dan Nuxt JS

https://masteringbackend.com/posts/web-scraping-with-nuxtjs-using-puppeteer/

---

Melakukan import secara global untuk style SCSS atau SASS agar dapat dipakai di semua Vue Component

https://medium.com/js-dojo/automatically-import-sass-scss-into-every-vue-js-component-e69d9186e85b

---

Pengenalan Ionic Vue untuk pembuatan aplikasi mobile dengan Vue JS

https://dev.to/ionic/ionic-vue-the-ui-library-for-vue-3-7m5

---

#vue #nuxt #puppeteer #webscrapping #sass #scss #ionic

Mastering Backend

Web Scraping with Nuxtjs using Puppeteer

Web Scraping with Nuxtjs using Puppeteer is intended to demonstrate how to set up and configure puppeteer to work properly with Nuxtjs and how to use it to Scrape a job listing website and display them on your website.

797 viewsRian YW, 00:50

JavaScript Indonesia Channel

Cara menggunakan SASS dan CSS Modules di Next JS

https://www.freecodecamp.org/news/how-to-use-sass-with-css-modules-in-next-js/

---

Pengenalan apa itu React Server Component dan penggunaannya

https://www.freecodecamp.org/news/what-are-react-server-components/

---

Beberapa keahlian JavaScript yang diperlukan dan tips penggunaan React

https://www.freecodecamp.org/news/how-to-learn-react-skills-you-need-to-know/

---

Beberapa tips penggunaan React Hooks yang benar

https://blog.logrocket.com/avoiding-common-mistakes-in-react-hooks/

---

#react #nextjs #sass #scss #serverComponent #hooks

freeCodeCamp.org

How to Use Sass with CSS Modules in Next.js

Next.js gives us CSS Modules by default, providing benefits like scoped styles and focused development in our app. How can we give our Next.js CSS superpowers with Sass? What are CSS Modules? What is Sass? What are we going to build? Step 0: Creatin...

947 viewsRian YW, 00:07

JavaScript Indonesia Channel

Melakukan konversi agar Angular menggunakan SCSS dari sebelumnya memakai CSS

https://javascript.plainenglish.io/migrate-an-angular-app-from-css-to-scss-71200d615c95

—-

Mengenal kompilasi atau compiler AoT di Angular Ivy

https://javascript.plainenglish.io/do-you-know-about-the-next-generation-compilation-and-rendering-pipeline-of-angular-37fb979a5e13

—-

Latihan dasar membuat aplikasi web berbasis Angular

https://javascript.plainenglish.io/build-your-first-angular-application-d6fde316ff60

—-

Optimasi performa pada Angular Pipes directive

https://javascript.plainenglish.io/when-functions-in-angular-will-cause-performance-problem-be898002a537

#angular #css #scss #pipes #aot

Medium

Migrate an Existing Angular Application from CSS to SCSS

A quick guide to using SCSS in an Angular application that was scaffolded to use the default stylesheet format

917 viewsRian YW, 01:17

JavaScript Indonesia Channel

Latihan dari Fireship tentang pengenalan SASS atau SCSS dan contoh penggunaannya

https://youtu.be/akDIJa0AP5c

---

#fireship #scss #css #sass #scss

YouTube

Sass in 100 Seconds

Learn the basics of Sass (SCSS) or syntactically awesome stylesheets. Sass is a language and complier the can make your CSS code more efficient and programmatic https://fireship.io/tags/css/

#css #webdev #100SecondsOfCode

🔗 Resources

Sass Docs https://sass…

776 viewsRian YW, 00:33

JavaScript Indonesia Channel

Traversy Media juga merilis latihan panjang tentang membuat aplikasi Portfolio atau landing page dengan menggunakan Bootstrap 5

https://youtu.be/4sosXZsdy-s

#css #bootstrap #scss

YouTube

Bootstrap 5 Crash Course | Website Build & Deploy

Beginner-friendly website project using Bootstrap 5

Hostinger:
https://www.hostinger.com/traversymedia
- Use the code TRAVERSYMEDIA for 10% off!

Code:
https://github.com/bradtraversy/bootstrap-bootcamp-website

Project Demo:
https://www.frontendbootcampdemo.com/…

1.04K viewsRian YW, 01:04

JavaScript Indonesia Channel

Latihan dari Online Tutorials tentang pembuat web portfolio dengan HTML, CSS, dan JavaScript modern

https://youtu.be/FJjLXEDWKMg

---

Latihan membuat tabbed navigation menu atau Sidebar menu

https://youtu.be/pubrK_AmqRg

---

Latihan membuat Sidebar menu dengan HTML dan CSS

https://youtu.be/P_A2kNpyQBs

---

Latihan lengkap dan panjang tentang penggunaan SASS CSS atau SCSS

https://dev.to/rajankarmakar/a-very-basic-and-most-effective-scss-guide-1f1l

#css #onlinetutorials #scss #portfolio

YouTube

Complete Responsive Personal Portfolio Website using HTML CSS & Vanilla JavaScript

Part 2 : How To Make Dark Mode Websites using Html CSS & Javascript | Dark Mode Portfolio Website Design
https://youtu.be/coVtdZRoAFc
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation…

731 viewsRian YW, 01:24

JavaScript Indonesia Channel

Latihan panjang membangun web portfolio dengan Bootstrap 5 dan SCSS

https://www.freecodecamp.org/news/learn-bootstrap-5-and-sass-by-building-a-portfolio-website/

#bootstrap #sass #scss #portfolio

freeCodeCamp.org

Learn Bootstrap 5 and SASS by Building a Portfolio Website

Bootstrap is one of the most popular CSS frameworks and Sass is one of the most popular preprocessors for CSS. We just published a course on the freeCodeCamp.org YouTube channel that will teach you about Bootstrap 5 and Sass by building a portfolio website.…

826 viewsRian YW, 23:29

JavaScript Indonesia Channel

all right then gang, Net Ninja merilis latihan panjang dan lengkap tentang pengenalan SASS CSS dan membuat library CSS sendiri

https://www.youtube.com/watch?v=_kqN4hl9bGc

Playlist lengkap dapat dilihat disini
https://www.youtube.com/playlist?list=PL4cUxeGkcC9jxJX7vojNVK-o8ubDZEcNb

#netninja #css #scss #sass