![Yasmin Zulfati Yusrina](/img/default-banner.jpg)
- 37
- 124 080
Yasmin Zulfati Yusrina
Indonesia
Registrace 18. 09. 2016
💻 I am a front-end web developer. I build websites with Vue/Nuxt.js. I post short how-to screencasts in this channel.
Video
Mesin Konversi Energi: Internal Combustion Engine
zhlédnutí 137Před měsícem
Link kehadiran pertemuan ke-1 dan 2: forms.gle/pSaS91n7xsDoYnPX8 Bisa diisi sampai pukul 18.00 hari ini (2 Juni 2024)
Pendahuluan Konversi Energi
zhlédnutí 130Před měsícem
Timestamps 00:00 Pengantar mata kuliah 05:34 Pendahuluan konversi energi Link kehadiran pertemuan ke-1 dan 2: forms.gle/pSaS91n7xsDoYnPX8 Bisa diisi sampai pukul 18.00 hari ini (2 Juni 2024)
Pembahasan Soal Gaya dan Momen, Momen Inersia, serta Truss
zhlédnutí 121Před 2 měsíci
Timestamps 00:00 Gaya dan momen 06:15 Momen inersia 30:08 Truss Link kehadiran pertemuan ke-8: forms.gle/ZWXcAkTack6vGRhXA Bisa diisi sampai pukul 18.00 hari ini (26 Mei 2024)
Truss - Metode Section
zhlédnutí 95Před 2 měsíci
Timestamps 00:00 Truss metode section 14:37 Step-by-step analisis truss metode section Link kehadiran pertemuan ke-6: forms.gle/rAMhJXt7iNPBCxA28 Bisa diisi sampai pukul 18.00 hari ini (24 Mei 2024)
Truss - Metode Joint
zhlédnutí 96Před 2 měsíci
Timestamps 00:00 Pengantar kuliah 02:03 Tugas 02:59 Truss 17:53 Step-by-step analisis truss metode joint Link kehadiran pertemuan ke-5: forms.gle/gUBJDXfQywiVKFLj7 Bisa diisi sampai pukul 18.00 hari ini (23 Mei 2024)
Persamaan Anuitas Nilai yang Akan Datang (Future Value)
zhlédnutí 161Před 8 měsíci
Persamaan Anuitas Nilai yang Akan Datang (Future Value)
Pembahasan Tugas Integral dan Materi Aplikasi Integral Tentu
zhlédnutí 160Před 8 měsíci
Pembahasan Tugas Integral dan Materi Aplikasi Integral Tentu
Pembahasan Tugas Fungsi dan Materi Limit
zhlédnutí 106Před 10 měsíci
Pembahasan Tugas Fungsi dan Materi Limit
Latihan Aplikasi Komputer Chapter 11: Date -Time Functions and Enhancing PivotTable Dashboards
zhlédnutí 21Před rokem
Latihan Aplikasi Komputer Chapter 11: Date -Time Functions and Enhancing PivotTable Dashboards
Latihan Aplikasi Komputer Chapter 12: Useful Statistical and Mathematical Functions
zhlédnutí 42Před rokem
Latihan Aplikasi Komputer Chapter 12: Useful Statistical and Mathematical Functions
Latihan Mekanika Fluida Chapter 14: Internal Flow
zhlédnutí 50Před rokem
Latihan Mekanika Fluida Chapter 14: Internal Flow
Mekanika Fluida Chapter 14: Internal Flow
zhlédnutí 49Před rokem
Mekanika Fluida Chapter 14: Internal Flow
Pelatihan Teknis Penggunaan CMS untuk Website Persiapan APS D-III Alat Berat Poltekba
zhlédnutí 30Před 2 lety
Pelatihan Teknis Penggunaan CMS untuk Website Persiapan APS D-III Alat Berat Poltekba
Prosedur Akreditasi Program Studi LAM Teknik
zhlédnutí 95Před 2 lety
Prosedur Akreditasi Program Studi LAM Teknik
Problematika Implementasi MBKM di Perguruan Tinggi
zhlédnutí 111Před 2 lety
Problematika Implementasi MBKM di Perguruan Tinggi
How to Add Chart.js Charts to a Vue 3 Project
zhlédnutí 9KPřed 2 lety
How to Add Chart.js Charts to a Vue 3 Project
How to Add a Chart to a Nuxt Project (e.g Line Chart)
zhlédnutí 6KPřed 6 lety
How to Add a Chart to a Nuxt Project (e.g Line Chart)
How to Customize Bootstrap 4 with Parcel
zhlédnutí 855Před 6 lety
How to Customize Bootstrap 4 with Parcel
How to Use Vuex (Wikipedia Viewer demo with Axios)
zhlédnutí 2,1KPřed 6 lety
How to Use Vuex (Wikipedia Viewer demo with Axios)
How to use Vuex (URL Shortener demo with Async Await)
zhlédnutí 2,6KPřed 6 lety
How to use Vuex (URL Shortener demo with Async Await)
How to Use PostCSS Plugins in a Vue Project (e.g. cssnext & import)
zhlédnutí 2,9KPřed 6 lety
How to Use PostCSS Plugins in a Vue Project (e.g. cssnext & import)
How to Fix EADDRNOTAVAIL Error in a Nuxt Project
zhlédnutí 2,1KPřed 6 lety
How to Fix EADDRNOTAVAIL Error in a Nuxt Project
How to Add a Chart to a Vue Project (e.g Doughnut Chart)
zhlédnutí 26KPřed 6 lety
How to Add a Chart to a Vue Project (e.g Doughnut Chart)
How to Embed Google Maps in a Vue Project
zhlédnutí 15KPřed 6 lety
How to Embed Google Maps in a Vue Project
baik bu sama-sama
good job
Nama : aufaa Nur abdillah Kelas : 1 TM 2
Nama:Adrian Febriano Simorangkir Kelas:1tm 2
Nama : AL THORIK RAMADHAN kelas : 1 TM 3
Nama:Pedro Jordan G Kelas 1TM2
Nama : nayswa tiara dewi Kelas : 1TM2
nama : Aditya Riswanda Hidayat Kelas : 1tm2
nama:Iqbal risqullah Kelas:1tm2
Kelas :1tm2 Nama: Gerald Jerry Tangaran
how to use aos in nuxt 3 ?
Te amo
Good job bu dosen 👍🏻
Halo kak Yasmin, terima kasih videonya sangat membantu. Saya ingin bertanya terkait dengan chartData yang diambil dari response API. Apakah kak yasmin sudah pernah mencobanya?
Can confirm this still works in 2022 - super easy
no git
This is so simple and easy that even an idiot like me managed to apply it!
How do I access the onClick to work with a line chart? I want to know at which point the click was executed. I am using <script setup>
Thank you! It helps a lot!
Hello Yasmin, Thanks for this great effort. I've searched all over google but could not find any example for chart for vue 3 with chart.js and vue-chart-3 package. This helped me. I did it own my way in my project, but it gave good reference.
thanks was helpful
What's hiding in package.json file?
NuxtJs vuex api tutorial
how to implement if data is from an API?
Get data and put in dataset field of chartData prop. Compute lables of data items. By default Dataset takes "value" field of your data array
thanks
Great content!, your work helped me a lot, thank you.
Glad to hear that, Nicolas. You are welcome 🙂
For the line chart, it should be borderColor instead of backgroundColor. For one datasets it's okay, but if you have multiple lines, colored data point won't help differentiating which is which.
Thank you very, very much for this Video. I have watched many video before. Not from them could help me. Yours could help me. Thank you. (I am German (Sorry for my wrong spelling).
Sorry for the late response. You are welcome. Don't worry, I'm not a native English speaker haha. I just posted a new version of this here: czcams.com/video/zSaaZ-TP2tc/video.html
Thank you so much! this helps me a lot
Sorry for the late response. You are welcome. Let me know if you need an updated version of this.
It's great but isn't it possible to use map without using any third party library ?
Sorry for the late response. Thank you. I didn't know that, thanks for the info, I'll look into that.
Does the same work for just a regular VueJs project? What's the advantage of doing it this way?
Sorry for the late response. For Vue, you can add the link directly in the index.html or use @import in the CSS. I don't know about the performance difference so I can't answer that, sorry.
trash video
Do better then
how to gmaps marker icon size change ? <GMapMarker :position="{lat: this.geolocation.results[0].geometry.location.lat, lng: this.geolocation.results[0].geometry.location.lng}" :options="{icon: require('../../../assets/home.png') ? maxWidth: 200}" > maxwidth is not working
Sorry for the late response. You probably have found the answer so this is more for other people who get the same problem: I haven't used it again for a long time, so you are better off checking the docs and repo issues, sorry.
how do i add an specific address to it?
Saved my life
Sorry for the late response. Glad to hear that ^^
Good and helpful video!
Sorry for the late response. Glad to hear that ^^
merci
Sorry for the late response. De rien ^^
what about the billing problem don't have a master card ...anything i can do? please help
Thank You! and How do we custom for multiple line ?
Sorry for the late response. You are welcome. I'll make a tutorial for that later. In the meantime, (for other people looking for this) you can check my new video for adding charts in a Vue project: czcams.com/video/zSaaZ-TP2tc/video.html. It's the bar chart that has multiple data in the video, but it should be similar for the line chart.
How improve custom font rendering scores from lighthouse? Preloaded etc logics are there any tutorials available?
Hey, search for 'How to properly integrate Google Fonts into Nuxt.js?' by 'Gabriel Aigner' in Medium. But include the proper font-face for each type, like `fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material` Cheers
@@alexandros-markovits Thank you for the tips.
I see the map but I get this error in the console: Property or method "markers" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
Very Smart Short Usefull Thank you Sooo much
Sorry for the late response. Thank you and you are welcome!
Thank you so so much, this video was super easy to follow, worth it
Sorry for the late response. You are welcome!
I can't use any of my variables in the data :c help
Sorry for the late response. You probably solved the problem already 😅, but other people may face the same issue so I'll make a newer version of this.
What linux are you using?
I think it was Antergos. Now I use Pop OS.
in 2020 ... a video whitout sound .... lol Joke ?
It's actually from 2018 haha. But that aside, I think the most important thing is to have the tutorial works, so having no sound is not a big deal. That said, I am trying to add voice over in my newer video.
Nice tutorial. Kinda got a problem though when I'm trying to use the updated version. The labels are overlapping with the representative color beside it. Do you know why the overlapping happened?
Sorry for the late response. I just posted a new version of this here: czcams.com/video/zSaaZ-TP2tc/video.html
is it possible to add more lines onto one graph? If yes could you show/tell how? thanks
Sorry for the late response. I'll make a tutorial for that later. In the meantime, (for other people looking for this) you can check my new video for adding charts in a Vue project: czcams.com/video/zSaaZ-TP2tc/video.html. It's the bar chart that has multiple data in the video, but it should be similar for the line chart.
I cant see my map , I can see only the title
Nice , working and it so easy
Sorry for the late response. Thank you. I just posted a new version of this here: czcams.com/video/zSaaZ-TP2tc/video.html