Build an Accordion Menu - No Frameworks or Dependencies
Increasingly, I am noticing how many new developers haven't learned the core essentials to building common web elements such as modals, menus, accordians, tabs and so forth, without the help of a framework. This video will teach you how to build an accordian menu without using an dependencies or frameworks. We will use some basic HTML, CSS, and JS.
No dependencies are used in this tutorial. No jQuery or Vue or Angular or React. We write it all by scratch and we make sure you understand why each line of code exists.
This is a basic accordion menu like those you often find on Frequently asked questions pages. It is surprisingly easy to build. We will start by building a basic menu, and then enhancing it with a few animations and icons to further enhance its interactive elements.
==== DOWNLOAD SOURCE CODE ====
GitHub Repo (Star, Watch and Fork):
https://github.com/DevMarketer/NoFrameworks
Download Code from this Episode:
https://github.com/DevMarketer/NoFrameworks/releases/tag/accordions
==== FOLLOW ME ====
Subscribe for New Releases!
Subscribe to DevMarketer Insider
https://confirmsubscription.com/h/d/5EDC91CF554832D1
Twitter - http://twitter.com/_jacurtis
(ask me questions!)
==== QUESTIONS? ====
Leave a comment below and I or someone else can help you.
For quick questions you may also want to ask me on Twitter, I respond almost immediately.
Email me hello@jacurtis.com
Thanks for all your support!
----
Tags FTW!
accordion css javascript tutorial code in php node.js and others. FAQ accordions. Accordian and accordians. No frameworks with devmarketer. Sublime text and atom text. Accordian tutorial code. Building accordion menu. Acordion video tutorial. No dependencies. Lightweight accordion menu.
Видео Build an Accordion Menu - No Frameworks or Dependencies канала DevMarketer
No dependencies are used in this tutorial. No jQuery or Vue or Angular or React. We write it all by scratch and we make sure you understand why each line of code exists.
This is a basic accordion menu like those you often find on Frequently asked questions pages. It is surprisingly easy to build. We will start by building a basic menu, and then enhancing it with a few animations and icons to further enhance its interactive elements.
==== DOWNLOAD SOURCE CODE ====
GitHub Repo (Star, Watch and Fork):
https://github.com/DevMarketer/NoFrameworks
Download Code from this Episode:
https://github.com/DevMarketer/NoFrameworks/releases/tag/accordions
==== FOLLOW ME ====
Subscribe for New Releases!
Subscribe to DevMarketer Insider
https://confirmsubscription.com/h/d/5EDC91CF554832D1
Twitter - http://twitter.com/_jacurtis
(ask me questions!)
==== QUESTIONS? ====
Leave a comment below and I or someone else can help you.
For quick questions you may also want to ask me on Twitter, I respond almost immediately.
Email me hello@jacurtis.com
Thanks for all your support!
----
Tags FTW!
accordion css javascript tutorial code in php node.js and others. FAQ accordions. Accordian and accordians. No frameworks with devmarketer. Sublime text and atom text. Accordian tutorial code. Building accordion menu. Acordion video tutorial. No dependencies. Lightweight accordion menu.
Видео Build an Accordion Menu - No Frameworks or Dependencies канала DevMarketer
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Microsoft gives up on Windows 10 Mobile, iOS Phishing Attack and More...FAQs [How to Build a Blog with Laravel]Part 24 ½ - Fixing a Slug Bug [How to Build a Blog with Laravel Series]Adding sliding admin nested menus - Episode 17 on Building an Advanced Blog/CMSNew Migrate:Fresh Command (4/14) - Laravel 5.5 New FeaturesStyling our Blog Post Creation Page (Ep. 21) - Build an Advanced Blog/CMS with LaravelThis Week In Web (Week 1 Oct 2017): Postgres v10, Microsofts Edge for Mobile, Dropbox BrandingIntroduction to Git [Git-ing Started with Git Series]Laravel 5.3 New Features - File ChangesDevMarketer Survey ResultsNews Dump and DD Collection Methods (5/14) - Laravel 5.5 New FeaturesPart 33 - Assigning Categories to Posts [How to Build a Blog with Laravel Series]Part 27 - Laravel Authentication Routes Views [How to Build a Blog with Laravel Series]Part 30½ - Authentication Shortcut [How to Build a Blog with Laravel 5 Series]Whoops is Back in Laravel 5.5 (1/14) - Laravel 5.5 New FeaturesPart 39 - Deleting Tags Safely [How to Build a Blog with Laravel 5 Series]Configuring Laratrust - Build an Advanced Blog/CMS (Episode 11)Early FAQ's - Build an Advanced Blog/ CMS from Start to FinishFinal Wireframe - Building an Advanced Blog/CMS (Episode 6)Part 16½ - Fixing a Bug, Making Navigation States work [How to Build a Blog with Laravel Series]Part 44 - Output HTML from Database [How to Build a Blog with Laravel 5 Series]