Source Learning Yohana

Yohana Christanti
2 min readJan 21, 2022

Dokumentasi pribadi, source learning hasil dari ngulik di kantor. Jadi kalo pas butuh gampang nyarinya, posting disini aja. Next nya bakalan bikin yang lebih rapi & enak dibaca pastinya.

Source Unsplash : https://unsplash.com/photos/fMD_Cru6OTk by Cathryn Lavery

NEW INSIGHT

##After all, language understanding is often broken down into three linguistic levels:
Syntax — understanding the grammar of the text
Semantics — understanding the meaning of the text
Pragmatics — understanding what the text is trying to achieve

NGULIK TERUSS — TUTORIAL
https://hudya.xyz/Tutorial-by-Hudya-4b946f899e5a4afe9e1a37aee0d4516d

Trial Repair PHP on my laptop
https://www.wikihow.com/Install-Laravel-Using-Laragon
https://medium.com/@stephenjudeso/upgrading-to-php-7-4-laragon-862b9d204d0c

How to Work VSCode with Github
https://code.visualstudio.com/docs/editor/github

LARAVEL
Barcode : https://laravelarticle.com/laravel-barcode-tutorial

NGULIK BOOTSTRAP
http://jschr.github.io/bootstrap-modal/
http://jsfiddle.net/ngegC/
https://github.com/twbs/bootstrap/issues/3902
https://mdbootstrap.com/docs/standard/content-styles/animations/

ADOBE ILUSTRATOR TUTORIAL
https://design.tutsplus.com/id/tutorials/101-adobe-illustrator-tutorials--cms-29782

CYPRESS
https://www.youtube.com/watch?v=VvLocgtCQnY&t=2s

UI Materials
Avatar : https://getavataaars.com/
Template / Themes : https://startbootstrap.com/

GITHUB TUTORIAL
https://www.panduancode.com/2020/03/cara-upload-file-ke-github-dengan-git-bash.html
Clone Others Project :
https://www.jcchouinard.com/clone-github-repository-on-windows/

ALL ABOUT MATERIAL DESIGN
Vektor Ilustration free : https://sketchvalley.com/
Mockup ur project : https://mockuphone.com/
Design Inspiration : https://muz.li/
https://products.ls.graphics/wrrooom/#download
https://undraw.co/illustrations
https://designs.ai/
https://www.shapefest.com/#browse

EASY FOR MAKE WEBSITE
https://elementor.com/

REFERENCE THESIS :
https://e-resources.perpusnas.go.id/
https://e-resources.perpusnas.go.id/

WEB NGULIK
https://dev.to/karankmr/how-to-create-a-custom-toggle-switch-using-css-4pmi
https://sirilius.com/tag/tutorial/

WATERMARK KTP
https://sirilius.github.io/watermarkktp/

NGULIK PROJECT PYTHON
Visualisasi data dashborad py : https://realpython.com/python-dash/

https://jmkleger.com/post/ajax-crud-for-laravel-5-4 + demo + github repo

https://www.codechief.org/all-laravel-posts

https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_templates_pro_black&stacked=h //W3S TEMPLATE

https://www.tutorialrepublic.com/php-tutorial/php-mysql-crud-application.php# //REFERENSI PHP SQL CRUD

TRACE DEBUGGING
console.log(status);
console.log(xhr.responseText);

FREE TEMPLATE LANDING PAGE BOOTSTRAP
https://bootstrapmade.com/bootstrap-landing-page-templates/

-Basic all component web developer : https://andreasbm.github.io/web-skills/
-Convert all program language : https://ide.onelang.io/
-Javascript visualizer : https://www.jsv9000.app/

DOC MOZILA DEV : https://developer.mozilla.org/en-US/docs/Web

HTML :
Learn https://www.learn-html.org/
Practice https://hail2u.github.io/html-best-practices/
Reference https://htmlreference.io/

CSS :
Reference https://cssreference.io/
Learn to code https://learn.shayhowe.com/
Layout https://learnlayout.com/
Tutorial https://www.csstutorial.net/
Learn colour http://www.hexinvaders.com/

JAVASCRIPT :
Visualizer https://t.co/9NId4GjGAq?amp=1
Learn https://t.co/5WbtISS11I?amp=1
Tutorial https://t.co/taSKnEPxMS?amp=1
JS30 https://t.co/j2wEIHVU8S?amp=1
Learn JS https://t.co/4h27qOC1fO?amp=1

Sonny Lazuardi, UX Engineer :
Egghead :
- Javascript: https://egghead.io/technologies/js
- React: https://egghead.io/technologies/react
Redux :
- React 2: http://www.react.express/
- React Native: http://reactnative.express/

How to Create Case Study :
Langkah 1 — Memilih masalah
Langkah 2 — Menganalisa masalah
Langkah 3 — Mengasumsikan kebutuhan user
Langkah 4 — Membuat Solusi (Ideation)
Langkah 5 — Membuat User Flow
Langkah 6 — Membuat High Fidelity Design
Langkah 7 — Membuat Prototye
Langkah 8 — Melakukan Usability Testing

Create Auto CV : https://cv.aksel.co.id/

--

--