✓ Table of contents
├── HTML, CSS Recap
│ ├── Form
│ ├── Table
| | ├── Table Css
| | └── Table structure
│ ├── Bootstrap
| | ├── button
| | ├── card
| | ├── form elements
| | ├── modal
| | ├── dropdrown
| | └── Table
│ ├── pagination
│ └── hover
|
|
├── Java Script Recap
│ ├── element selections
| | ├── get element by id
| | ├── get element by attributes
| | └── nodelist to array
│ ├── element content update
│ ├── DOM manipulations
| | ├── element html change
| | ├── form data get and set
| | | ├── text input
| | | ├── select
| | | ├── select2 plugins
| | | ├── checkbox
| | | ├── radio
| | | ├── text area
| | | ├── file
| | | ├── image preview
| | | └── date
| | ├── insert adjacent
| | ├── remove element
| | ├── append and remove css
| | └── style change
│ ├── event
| | ├── onclick
| | ├── onsubmit
| | └── onkeyup
│ ├── function
| | ├── parameter
| | └── return
│ ├── Object
| | ├── properties and methods
| | ├── seperate object keys and values
| | ├── manipulation ( get, set, delete )
| | └── forin
│ ├── Array
| | ├── mainpulation
| | ├── map
| | ├── for
| | ├── foreach
| | ├── array of objects
| | ├── find
| | └── filter
│ ├── Sweat alert, Toaster
│ ├── Try catch
│ └── axios
| ├── Introducing API
| ├── GET all data
| ├── GET single data
| ├── Create data
| ├── Update data
| ├── Delete data
| └── disable Submit button until pending requests complete
|
|
├── PHP recap
│ ├── Request Handling
| | ├── GET
| | ├── Query Parameter
| | ├── POST
| | ├── Payloads
| | ├── Response preview
| | ├── File upload
| | ├── Content-Type
| | └── json ecode and decode
| └── Laravel
| ├── Web routes vs API routes
| ├── API setup
| ├── Custom pagination
| └── API Testing
|
├── API project based testing
|
├── Ajax Implementation
| ├── render all data
| ├── render pagination
| ├── create data
| ├── render data after insert
| ├── show single data
| ├── edit data
| ├── render data after update
| ├── delete data
| ├── render data after delete
| └── Search
|
|
└── Vue JS
├── Intro
├── State
├── Methods
└── Data manipulations