wtsang11 / TechExplore

MIT License

0 stars 0 forks source link

Introduction #199

Open wtsang11 opened 2 years ago

wtsang11 commented 2 years ago

http://localhost/TechNotes/wp-admin/post.php?post=1515&action=edit VSC: http://localhost/lab/python/utilities/study_codes/opencodes.php?f=/Users/wtsang/Lab/svelte/mark_svelte_action/

-- Using wordpress as a backend, frontend in svelte, sapper series https://www.youtube.com/watch?v=MKezZU-IlfU&list=PLUBR53Dw-Ef_j_Du9VwnWJu7FI8eXPRxE&ab_channel=WatchandLearn -- create a blog app in svelte and strapi https://strapi.io/blog/how-to-create-a-blog-with-svelte-kit-strapi -- create a blog in svelte, strapi, sapper and deploy to netify https://www.smashingmagazine.com/2020/08/static-blog-sapper-strapi/ -- using svelte in wordpress plugins, snowpack is used https://blog.kernl.us/2020/12/using-svelte-in-your-wordpress-plugins/

wtsang11 commented 2 years ago

Mozilla Tutorial

https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_getting_started

Add a tooltip to a html tag

https://www.youtube.com/watch?v=0GqIoo66i0g&ab_channel=lihautan -- see plain html tooltip https://www.w3schools.com/css/css_tooltip.asp#:~:text=HTML%3A%20Use%20a%20container%20element,with%20class%3D%22tooltiptext%22%20.

An Hello World Demo

Name Color

Uppercase

{casedGreeting}

<Clock {color} />

-- Clock.svelte

{hhmmss}

wtsang11 commented 2 years ago

Useful Concepts

-- store https://svelte.dev/tutorial/writable-stores -- use tooltip https://www.youtube.com/watch?v=0GqIoo66i0g&ab_channel=lihautan