How to Build a Kanban Board with JavaScript (No Frameworks)
dcode
@dcode-softwareAbout
High quality web development tutorials. On my channel you can find HTML, CSS & JavaScript tutorials, PHP tutorials, Node.js tutorials and Rust tutorials, as well as many other topics covered in web development. I also enjoy building JavaScript projects every now and then 🙂 Also - my name is Dom and I'm from Australia. 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜 Join my Discord Server - https://discord.gg/TXMQyvbpcA 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt Enjoy!
Video Description
View the Code and GitHub Repository: https://dcode.domenade.com/tutorials/build-a-kanban-board-with-javascript-no-frameworks In today's video we'll be building a Kanban Board from scratch using HTML, CSS and JavaScript. This doesn't require any external frameworks or libraries such as React, Vue, jQuery etc. JavaScript/CSS APIs and features covered in this video include: - Import/Export Syntax with Modules - Arrow Functions - Template Strings - Class List - Block Element Modifier - Local Storage Chapters: 0:00 Intro & Overview 3:46 HTML 7:22 CSS 13:40 API & Local Storage Access 38:00 User Interface 1:04:24 Drag and Drop 1:25:05 Outro 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜 Join my Discord Server - https://discord.gg/TXMQyvbpcA 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript
Essential Kanban Board Parts
AI-recommended products based on this video
EXPO Dry Erase Markers, Low Odor Ink, Assorted Fashion Colors, Chisel Tip, 40 Count
(12 Pack) Lined Sticky Notes 4x6 in Post Ruled Stickies Super Sticking Power Memo Pads Vintage Colors
Piano Keyboard Stickers for 88/61/54/49/37 Key, Bold Large Letter Piano Stickers for Learning, Removable Piano Keyboard Letters, Notes Label for Beginners and Kids, Multicolor
Indestructibles: Twinkle, Twinkle, Little Star: Chew Proof · Rip Proof · Nontoxic · 100% Washable (Book for Babies, Newborn Books, Safe to Chew)
Indestructibles: Hello, Farm!: Chew Proof · Rip Proof · Nontoxic · 100% Washable (Book for Babies, Newborn Books, Safe to Chew)
Book Stand for Reading, Adjustable Book Holder with 360° Rotating Bases, Foldable Designs, and Elastic Clips, Multifunctional Display Stand for Recipe, Cookbooks, Magazines, Tablets, Laptops
