Javascript

How To Scrape a Website Using Node.js and Puppeteer — step-by-step Javascript tutorial on Progressive Robot

How To Scrape a Website Using Node.js and Puppeteer

In this tutorial, you will build a web scraping application using Node.js and Puppeteer. Your app will grow in complexity as you progress. First, you will code your app to open Chromium and load a special website designed as a web-scraping sandbox: [books.toscrape.com](books.toscrape.com). In the next two steps, you will scrape all the books on a single page of books.toscrape and then all the books across multiple pages. Then you will filter your scraping by category and save your data as JSON.

Read more
How To Style React Components — step-by-step Javascript tutorial on Progressive Robot

How To Style React Components

In this tutorial, you’ll learn three different ways to style React components: plain Cascading Style Sheets (CSS), inline styles with JavaScript-style objects, and JSS, a library for creating CSS with JavaScript. To illustrate these methods, you’ll build an example Alert component that will either show a success style or an error style depending on the prop. You will then refactor it using each of the styling options to see the similarities and differences between each.

Read more
How To Use Classes in TypeScript — step-by-step Javascript tutorial on Progressive Robot

How To Use Classes in TypeScript

Classes are a common abstraction used in object-oriented programming (OOP) languages to describe data structures known as objects. TypeScript has full support for class syntax and also adds features on top of it, like member visibility, abstract classes, generic classes, arrow function methods, and a few others. This tutorial will go through the syntax used to create classes, the different features available, and how classes are treated in TypeScript during the compile-time type-check.

Read more
Cara Menggunakan Font Awesome 5 dengan React — step-by-step Javascript tutorial on Progressive Robot

Cara Menggunakan Font Awesome 5 dengan React

Font Awesome adalah kit alat untuk situs web yang menyediakan ikon dan logo sosial. React adalah pustaka pengodean yang menggunakan JavaScript untuk membuat antarmuka pengguna. Walaupun tim Font Awesome telah membuat komponen React untuk mendorong integrasi, ada beberapa hal mendasar yang harus dipahami tentang Font Awesome 5 dan strukturnya. Dalam tutorial ini, Anda akan mempelajari cara menggunakan komponen React dari Font Awesome.

Read more
CHAT