Bootstrap to Tailwind CSS: Experiment Demo with Laravel QuickAdminPanel
We made an experiment and converted a recent demo-project based on the CoreUI Bootstrap theme into a Tailwind-based theme. In this video, I will show you the difference and talk about the philosophical distinctions between Bootstrap and Tailwind.
Repository: https://github.com/LaravelDaily/QuickAdminPanel-Tailwind
- - - - -
Try our Laravel QuickAdminPanel: https://bit.ly/quickadminpanel
Enroll in my Laravel courses: https://laraveldaily.teachable.com
laravel spa (Vuejs, vuex, SPA, vue-router) 디테일버전 laravel v6.2
1. 라라벨 설치하기 (v6.2) 1 composer create-project --prefer-dist laravel/laravel laravelspa cs 2. laravel/ui 패키지 설치 (예 : php artisan ui bootstrap 설치할 수 있는 프론트 엔트 스캐폴딩을 설..
Javascript, 왜 중요한가?
HTML, CSS, Javascript (이하 자바스크립트)는 웹사이트 개발에서 떼려야 뗄 수 없는 존재들이다. HTML이 없으면 사이트의 골격을 만들 수 없고, CSS가 없으면 멋지게 보이는 사이트를 만들 수 없다. 자바스크립..
iOS in-app purchase
iOS 결제 모듈을 사용하려면, Provisioning Profile이 있어야 합니다. 선행작업. 프로비저닝 프로파일 및 푸쉬 인증서 생성 : https://nicgoon.tistory.com/202 . 공식 문서. StoreKit : https://developer.app..
mojs/mojs
The motion graphics toolbelt for the web. Contribute to mojs/mojs development by creating an account on GitHub.
Laravel Livewire vs Vue vs jQuery: Simple Example
Simple demo-project with a contact form, made in two stacks: web, jQuery, Vue, and new Livewire.
0:00 Intro: About the Project
1:43 Back-end Form Version
2:41 jQuery Version
4:24 Vue.js Form Version
6:35 Livewire version
Repository: https://github.com/LaravelDaily/ContactForm-Laravel-jQuery-Vue-Livewire
- - - - -
Try our Laravel QuickAdminPanel: https://bit.ly/quickadminpanel
Enroll in my Laravel courses: https://laraveldaily.teachable.com
Laravel Livewire Tutorial - Full Course 2.5 Hours (2020)
Learn Laravel Livewire - Full Course in 2.5 Hours
It is a full-stack framework by creating an awesome support ticket system. The course is from very basics to advanced using Laravel Livewire, creating Single Page Application (SPA) and lot's of fun
Check out 15-20 hours of Laravel Content at
https://bit.ly/indepthlaravel
Become Bitfumes Member on youtube https://www.youtube.com/channel/UC_hG9fglfmShkwex1KVydHA/join
Useful Links:
Docs: https://laravel-livewire.com/
Source Code: https://github.com/bitfumes/laravel-livewire-full-course
Github: https://github.com/livewire/livewire
. You will going to learn:
(00:00) Get started
(01:07) Introduction
(08:11) QuickStart
(16:01) How it works
(23:10) Comments System ( Wire click event )
(32:19) Properties and Actions
(38:25) Mount Event, fetch from DB
(47:48) Store Comment with Livewire
(51:46) Real-Time Validation
(58:40) Passing Data to component
(1:02:36) Using Flash Messages
(1:06:28) Pagination
(1:13:23) Custom Pagination Links
(1:24:33) Image Uploading
(1:37:04) Store Image using Intervention
(1:48:11) Comment of tickets
(2:02:43) SPA using Turbolinks
(2:13:31) Register Component/Page
(2:21:47) Register User
(2:27:14) Login and Logout
(2:32:34) Using Middleware
======================= Ad Free Tutorials ======================
Check https://bitfumes.com For ads-free
==================FOLLOW ME ==================
Subscribe for New Releases!
Twitter - https://twitter.com/bitfumes
Twitter - https://twitter.com/sarthaksavvy
Facebook - https://www.facebook.com/Bitfumes/
Instagram - https://www.instagram.com/bitfumes/
(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 support@bitfumes.com
Thanks for all your support
Use PHP to Create an MVC Framework - Full Course
Learn how to use PHP to build an MVC framework from scratch.
You will get an understanding of how frameworks are made. The framework you build is not production-ready.
During this project we will learn many things:
- How to work with file system
- How to work with databases
- How to use Abstraction in real projects
- How to implement custom routing
- How to install third party packages using composer
- How to create reusable composer package
- and many other important things
✏️ This course was developed by
Zura Sekhniashvili (The Codeholic). Check out his YouTube channel: https://www.youtube.com/thecodeholic
💻 Code: https://github.com/thecodeholic/php-mvc-framework
⭐️ Course Contents ⭐️
⌨️ (00:00:00) Introduction
⌨️ (00:01:29) Show features
⌨️ (00:03:57) Demo of the Framework
⌨️ (00:07:40) Create Application and Router
⌨️ (00:14:17) Enable autoloading using composer
⌨️ (00:19:20) Implement Routing
⌨️ (00:32:31) Create project structure
⌨️ (00:36:03) Implement views & layouts
⌨️ (01:00:54) Implement Controllers
⌨️ (01:12:49) Sanitize $_POST data
⌨️ (01:18:19) Start Registration
⌨️ (01:24:54) Implement second layout
⌨️ (01:29:56) Implement Models
⌨️ (01:41:18) Implement Validation using models
⌨️ (02:00:21) Implement form Widget
⌨️ (02:21:01) Migrations & Connection to Database
⌨️ (02:29:53) .env file & Application Config
⌨️ (02:38:59) Implement Migrations
⌨️ (03:04:21) Implement ActiveRecord & Finish Registration
⌨️ (03:23:56) Restrict registration with the same email
⌨️ (03:32:49) Implement Session Flash messages
⌨️ (03:49:44) Implement Input labels
⌨️ (03:59:43) Implement Login
⌨️ (04:29:26) Hide Login/Register buttons When user is authorized
⌨️ (04:35:15) Create protected routes
⌨️ (04:57:45) Create View component & implement page titles
⌨️ (05:06:55) Improve form widget with abstraction
⌨️ (05:20:55) Make core installable composer package
⌨️ (05:47:18) Create second website to use the same core
⌨️ (05:52:18) Add new feature to core and release new version
⭐️ Special thanks to our Champion supporters! ⭐️
🏆 Loc Do
🏆 Joseph C
🏆 DeezMaster
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
리온산스 - 아들을 위해 디자인한 코드로 만든 폰트
'영감' 시리즈는 제 세미나의 주제로서 일상생활에서 얻은 영감을 디자인과 개발로 풀어낸 이야기입니다.
리온 산스는 아들을 위해 디자인한 지오메트릭 산세리프 계열의 코드로 만들어진 폰트입니다. 코드로 만들어져서 동적으로 글꼴의 굵기를 변경할 수 있고, 커스텀 에니메이션이나 형태를 변경하는 등의 다양한 효과를 적용할 수 있습니다.
https://leon-kim.com/
Music by @ikson
#크리에이티브코딩 #인터랙티브코딩 #폰트디자인 #개인작업 #타이포그래피
노니노니 - 딸에게 영감받은 머신러닝 프로젝트
'영감' 시리즈는 제 세미나의 주제로서 일상생활에서 얻은 영감을 디자인과 개발로 풀어낸 이야기입니다.
노니노니는 딸이 좋아하는 색깔 공과 그림그리기에서 영감을 받은 프로젝트로, 화면에 그림이나 글자를 그리면, 머신러닝을 사용해서 그 그림이 무엇인지 알아내고, 화면에 떠다니던 색깔 공들이 3D 형태의 그림으로 보이는 웹사이트입니다.
https://noni.cmiscm.com/
#크리에이티브코딩 #인터랙티브코딩 #머신러닝 #개인작업