JavaScript Indonesia Channel – Telegram

JavaScript Indonesia Channel

@Indonesia_Javascript

12K subscribers

589 photos

6 videos

3 files

16.1K links

Channel yang berisi kumpulan berita atau konten seputar JavaScript, Typescript, HTML, CSS, Library, Framework JS, Node.js , dan juga engine-nya

Untuk pencarian artikel,gunakan fitur pencarian di channel ini,dan bisa juga dicari berdasarkan hashtag #

Download Telegram

About

Blog

Apps

Platform

JavaScript Indonesia Channel

12K subscribers

JavaScript Indonesia Channel

Membuat aplikasi Text to Speech dengan Google Cloud Engine dan Node JS

https://medium.com/javascript-in-plain-english/a-complete-guide-to-build-text-to-speech-software-with-google-cloud-and-node-js-a28f6b81f8f5

-

Menjalankan Cron Job atau Task Scheduling di Node JS
https://medium.com/javascript-in-plain-english/how-you-can-schedule-tasks-in-node-320a8417d86a

-

#nodejs #text #speech #task #cronjob

Text-to-Speech Software with Google Cloud and Node.js

A Step by Step Tutorial. No Programming Skill Required!

714 viewsRian YW, 23:54

JavaScript Indonesia Channel

Cara wrap text ke dalam kontainer lingkaran dengan CSS

https://css-tricks.com/using-css-to-set-text-inside-a-circle/

-

Memahami penggunaan properti CSS Position seperti relative, absolute, static, fixed, sticky.
https://coder-coder.com/css-position-layout/

#css #position #circle #container #wrap #text

Using CSS To Set Text Inside A Circle | CSS-Tricks

You want to set some text inside the shape of a circle with HTML and CSS? That’s crazy talk, right?

658 viewsRian YW, 00:37

JavaScript Indonesia Channel

Latihan dari Programming with Erik untuk pengenalan Vue JS versi 3 dengan TypeScript

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

---

Latihan membuat kalender bulanan dengan Vue JS

https://medium.com/js-dojo/how-to-make-a-monthly-calendar-with-vue-c5abdba2dc17

---

Beberapa paket plugin Vue JS untuk membuat Tabel, membuat Checkbox , dan manipulasi teks

https://medium.com/front-end-weekly/top-vue-packages-for-adding-tables-checkboxes-and-manipulating-text-ecbd4985a140

---

Beberapa tips untuk optimasi aplikasi Vue JS dan performa yang lebih baik

https://blog.logrocket.com/methods-optimizing-vue-js-applications/

---

#vue #vue3 #typescript #cli #calendar #monthly #table #checkbox #text #optimization

Vue 3 TypeScript Tutorial 2020 (With Vuex and Vue Router)! Get Started With Vue 3 And TypeScript!

Vue.js 3 is just around the corner and in this tutorial we take a look at how to add TypeScript to your project! In this Vue.js 3 tutorial we look at TypeScript and setup Vuex 4 and vue-router 4! #vuejs3 #vue3 #typescript

👉Check out my last video on CSS…

1.2K viewsRian YW, edited 23:41

JavaScript Indonesia Channel

Cara membuat element text menjadi ke tengah di dalam Div element

https://www.freecodecamp.org/news/html-center-text-how-to-css-vertical-align-a-div/

#center #text #div #element

freeCodeCamp.org

HTML Center Text – How to CSS Vertical Align a Div

By Said Hayani In the HTML and CSS world, it's all about the layout structure and the distribution of elements. We usually use HTML to define the markup and structure, while CSS helps us handle the styling and alignment of elements. In this post we a...

965 viewsRian YW, 06:17

JavaScript Indonesia Channel

Cara meletakkan posisi text di atas gambar dengan CSS Flexbox

https://levelup.gitconnected.com/how-to-put-text-over-images-with-css-596ab68c0b0b

#css #image #center #text #flexbox

How to put text over images with CSS

As a current student in the Microverse Program (A remote school for software developers), I had to spend an entire month dedicated…

971 viewsRian YW, 02:31

JavaScript Indonesia Channel

Membuat favicon yang dapat berubah secara dinamis sesuai kondisi tema Dark atau Light di komputer

https://dev.to/johnletey/dynamic-favicons-31n0

---

Tips mengganti ukuran teks di dalam HTML dengan CSS

https://www.freecodecamp.org/news/css-font-size-tutorial-how-to-change-text-size-in-html/

#html #css #text #size #favicon #darkMode

Dynamic Favicons

Nowadays, most operating systems have both light and dark modes. Most modern browsers respect this sy...

627 viewsRian YW, 01:41

JavaScript Indonesia Channel

Latihan dari Online Tutorials membuat hover effect pada tampilan daftar atau list item element

https://youtu.be/nDQSlQRKANc

---

Cara menambahkan teks ke dalam border container element HTML

https://css-tricks.com/how-to-add-text-in-borders-using-basic-html-elements/

---

Pengenalan apa itu Incremental DOM yang menjadi alternatif dari Virtual DOM

https://blog.bitsrc.io/incremental-vs-virtual-dom-eb7157e43dca

#css #html #hover #border #text #vdom #dom

CSS Creative List Item Hover Effects | CSS3 Hover Effects

Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D

Another Course : Build Complete Real World Responsive Websites from Scratch…

1.7K viewsRian YW, 01:21

JavaScript Indonesia Channel

Membuat fungsi pop up actions ketika menyeleksi bagian teks dengan Selection API

https://css-tricks.com/how-to-create-actions-for-selected-text-with-the-selection-api/

---

Beberapa contoh Semantic HTML yang dapat menggantikan penggunaan element div

https://dev.to/ubahthebuilder/semantic-html-elements-here-are-8-elements-to-use-instead-of-a-div-element-2ijm

---

Latihan membuat animasi transisi halaman dan element HTML dengan CSS Animations

https://levelup.gitconnected.com/ui-animation-in-css-86f5ccbd91f5

#css #actionMenu #selected #text #animation #semantic

How To Create Actions For Selected Text With The Selection API | CSS-Tricks

Click, drag, release: you’ve just selected some text on a webpage — probably to copy and paste it somewhere or to share it. Wouldn't it be cool if selecting

624 viewsRian YW, 00:13

JavaScript Indonesia Channel

Membuat widget untuk mengubah ukuran teks halaman dengan JavaScript, HTML, dan CSS

https://blog.logrocket.com/creating-text-resizing-widget-css-javascript/

#resize #text #widget

Creating a text resizing widget with CSS and JavaScript - LogRocket Blog

Websites should be easy to read for all users. Learn how to create a text resizing widget that will improve general web accessibility.

930 views01:19

JavaScript Indonesia Channel

Memahami parameter CSS text align untuk mengatur posisi text

https://www.freecodecamp.org/news/css-text-align-centered-justified-right-aligned-text-style-example/

#css #align #text

freeCodeCamp.org

CSS Text Align – Centered, Justified, Right Aligned Text Style Example

We use the CSS text-align property to align content inside a block-level element. Examples of block-level elements are paragraphs (<p>...</p>), divs ( <div>...</div>), sections (<section>...</section>), articles ( <article>...</article>), and so on. This…

554 views04:07

JavaScript Indonesia Channel

Latihan dari Dcode tentang membuat text pada HTML5 Canvas menggunakan JavaScript

https://youtu.be/S84lj4O0Ams

#dcode #canvas #text

How to Draw Text on HTML5 Canvas Using JavaScript

In today's video I'll show you how easy it is to draw text on the HTML5 canvas using JavaScript. We take a look at filling text, outlined text and centering text.

For your reference, check this out:
https://developer.mozilla.org/en-US/docs/Web/API/Canva…

549 views00:43

JavaScript Indonesia Channel

Cara mengatur posisi text di dalam HTML dengan CSS

https://www.freecodecamp.org/news/how-to-align-text-in-html/

---

Mengenal beberapa selector CSS untuk melakukan styling element

https://www.freecodecamp.org/news/css-combinators-to-select-elements/

#css #style #element #text #align

freeCodeCamp.org

How to Align Text in HTML – Text-align, Center, and Justified Example

By Joel Olawanle Text is essential on web pages, as it tells your users what your web page is all about. When you add text to your web page, it dictates the direction and feel of your web page based on your language. For example, by default, Englis...

631 views23:42

JavaScript Indonesia Channel

Latihan sederhana menambahkan gambar ke dalam element HTML

https://www.freecodecamp.org/news/html-background-image-how-to-add-wallpaper-images-to-your-website/

---

Pengenalan property text align di dalam CSS pada element HTML

https://www.freecodecamp.org/news/how-to-align-text-in-html/

---

#image #html #align #text

freeCodeCamp.org

HTML Background Image – How to Add Wallpaper Images to Your Website

Background images can help beautify websites and make them more attractive to users. In this article, you'll learn: * How to add a background image to your website using the CSS background-image property. * Other CSS background properties for images.…

726 views22:57

JavaScript Indonesia Channel

Latihan dari Web Dev SImplified tentang beberapa cara untuk membatasi baris teks dengan CSS saja

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

#css #limit #text

How To Limit Lines Of Text With CSS Only

Doing vertical text overflow in CSS is incredibly difficult and many people think it is impossible, but that is not true. In this video I will show you 2 different ways to limit the number of lines of text in a box. I will also show you how to expand/collapse…

3.4K views22:53

JavaScript Indonesia Channel

innerHTML vs innerText vs textContent – What's the Difference?
https://www.freecodecamp.org/news/innerhtml-vs-innertext-vs-textcontent/

—-

How to Comment Your JavaScript Code
https://www.freecodecamp.org/news/comment-your-javascript-code/

—-

Asynchronous JavaScript – How to Use Promises in Your JS Code
https://www.freecodecamp.org/news/how-to-use-promises-in-javascript/

—-

Learn REST APIs by Building a JavaScript Project
https://www.freecodecamp.org/news/learn-rest-apis-javascript-project/

—-

HTMLCollection vs NodeList – What's the Difference?
https://www.freecodecamp.org/news/dom-manipulation-htmlcollection-vs-nodelist/

#html #project #innerHtml #text

freeCodeCamp.org

innerHTML vs innerText vs textContent – What's the Difference?

By Benjamin Semah In HTML, innerHTML, innerText, and textContent are properties of the DOM (Document Object Model). They allow you to read and update the content of HTML elements. But they have different behaviours in terms of the content they includ...

411 views23:30

JavaScript Indonesia Channel

How to Center Text Vertically with CSS

https://www.freecodecamp.org/news/how-to-center-text-vertically-with-css/

---

Designing advanced layouts with CSS Subgrid

https://blog.logrocket.com/designing-advanced-layouts-with-css-subgrid/

---

Implementing scroll-aware UI state with CSS
https://blog.logrocket.com/implementing-scroll-aware-ui-state-css/

---

Using CSS prefers-reduced-transparency and light-dark()
https://blog.logrocket.com/using-css-prefers-reduced-transparency-light-dark/

#text #center #css #subgrid #darkmode

freeCodeCamp.org

How to Center Text Vertically with CSS

If you have some text inside a div, and nothing else, the div's height will match the text height. Suppose, though, you have some text and an image. Your text will be aligned at the bottom of the div, which is usually not what you want. In this artic...

654 views00:27

JavaScript Indonesia Channel

Direction-Aware Text Hover Effects | CSS & Javascript
https://www.youtube.com/watch?v=gu1c8q7pYyg

—-

21 HTML Tips You Must Know About
https://dev.to/devshefali/21-html-tips-you-must-know-about-55j7

—-

28 JavaScript One-Liners every Senior Developer Needs to Know
https://matemarschalko.medium.com/28-javascript-one-liners-every-senior-developer-needs-to-know-e74bdedc3b3b

—-

8 Useful JavaScript Coding Techniques That You Should Use
https://fatfish.medium.com/8-useful-javascript-coding-techniques-that-you-should-use-961bb740be35

—-

Top 3 New Features in JavaScript from ES14 or ECMAScript 2023
https://javascript.plainenglish.io/top-3-new-features-in-javascript-from-es14-or-ecmascript-2023-37ebfcfcf3d4

——

#hover #text #html #feature

Direction-Aware Text Hover Effects | CSS & Javascript

All Source Code : https://www.patreon.com/onlinetutorials
Get now more than 1000+ source code just by clicking on this link
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation…

283 views00:37

JavaScript Indonesia Channel

Get Selected Text with JavaScript: Quick & Easy Tutorial

https://www.youtube.com/watch?v=db-yKV1_Ey4

#text #input #dcode

Get Selected Text with JavaScript: Quick & Easy Tutorial

In this video, let's have a look at how to get the currently selected text on a web page using JavaScript. I'll also be showing you how to react to when your user changes their text selection.

For your reference, check this out:
https://developer.mozilla.org/en…

378 views00:22

JavaScript Indonesia Channel

Quick Tip: How to Animate Text Gradients and Patterns in CSS
https://www.sitepoint.com/css-animate-text-gradients-patterns/

—-

21 HTML Tips You Must Know About

https://blog.stackademic.com/21-html-tips-you-must-know-about-f771c05713c0

#html #css #animation #text #gradient

Quick Tip: How to Animate Text Gradients and Patterns in CSS — SitePoint

In this quick tip, we show how easy it is to add animated background gradients and images to text on the Web, with handy demos.

501 views00:10

JavaScript Indonesia Channel

Master CSS Overflow/Text Wrapping Like A Senior Developer
https://www.youtube.com/watch?v=6m3ZmlgfZlA

—-

3 CSS Animation Effects
https://www.youtube.com/watch?v=tdO_xM8Q9Xo

—-

#css #overflow #text #animation

Master CSS Overflow/Text Wrapping Like A Senior Developer

Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-6m3ZmlgfZlA

We all pretty much know how the overflow property in CSS works, but there is so much more to overflow…

642 views23:44