Vue + Tailwind CSS | Web App Development From Scratch (Part 2/5)
Project development on Vue Composition API from scratch.
X - / igorbabko
🧪 Repository: https://github.com/igorbabko/ontrack
🧪 Source code for every lesson: https://github.com/igorbabko/ontrack/...
🌐 Final application: https://ontrack.igorbabko.com
🪄 My VS Code Setup: • My VS Code Setup
🧪 Repository with my VS Code settings: https://github.com/igorbabko/vscode-s...
🎨 VS Code theme: https://marketplace.visualstudio.com/...
🎨 VS Code icons: https://marketplace.visualstudio.com/...
✍️ Font: https://philpl.gumroad.com/l/dank-mono
🍿 Playlist: • Vue + Tailwind CSS | Web App Development F...
👀 Other courses:
Builds with Vite: • Builds with Vite
VS Code Productivity | My Hot Keys: • My VS Code Key Bindings
#vue #vuejs #vue3 #tailwindcss #tailwind
🕛 Time codes:
00:00 - 29. Button types
06:04 - 30. Using normal script inside components
09:20 - 31. Generating activity select options
19:06 - 32. Deleting activities
26:53 - 33. Activity form markup
32:02 - 34. Creating activities
38:52 - 35. Activity form component
43:33 - 36. v-model directive
48:09 - 37. nextTick utility
51:54 - 38. Empty activities state
57:30 - 39. Function to generate activities
01:05:22 - 40. Fixing activity validation
01:09:52 - 41. Refactoring of activity generation
01:14:03 - 42. Normalizing selected value
01:25:31 - 43. Selecting timeline item activity
01:35:59 - 44. Resetting timeline item activity ids after activity removal
01:39:15 - 45. Resetting timeline item activity
01:44:44 - 46. Setting activity seconds to complete
01:54:47 - 47. Refactoring activity selection
02:03:03 - 48. Improving generation of period select options
02:11:07 - 49. Stopwatch markup
02:16:43 - 50. Stopwatch component
02:24:05 - 51. Randomizing timeline item activities
02:29:51 - 52. Making stopwatch count
02:37:52 - 53. Disabling stopwatch buttons
02:41:53 - 54. Scrolling to current hour
02:49:42 - 55. Improving scrolling to current hour
02:57:53 - 56. Scrolling to a particular hour