- Видео 155
- Просмотров 225 387
Code With ERaufi
Добавлен 27 июн 2021
Welcome to my channel where you'll find valuable insights, tips, and tutorials on full-stack development, web development, and programming. As an experienced developer, I'm passionate about sharing my knowledge and helping others hone their skills in this ever-evolving industry. Whether you're a beginner or an experienced developer, you'll find something of value here. Subscribe now to join a community of like-minded developers and stay ahead of the curve in the world of development.
12 HTML Lists order, unorder, definiation
Welcome to the HTML5 Complete Tutorial Series!
In this video, we’ll explore the different types of lists in HTML: ordered lists, unordered lists, and definition lists. Understanding how to create and style these lists is essential for organizing content on web pages effectively.
In this video, you’ll learn:
How to create ordered (ol) and unordered (ul) lists.
Adding items using li tags.
Using definition lists (dl, dt, and dd).
Practical examples to implement lists in your web projects.
By the end of this video, you'll be able to structure your content using lists for clean and professional-looking web pages.
Don’t miss out!
Full Playlist: ruclips.net/p/PLWiQT7FWaG1j0zwS7w1IpCIIByg1T0zS3
Code Exampl...
In this video, we’ll explore the different types of lists in HTML: ordered lists, unordered lists, and definition lists. Understanding how to create and style these lists is essential for organizing content on web pages effectively.
In this video, you’ll learn:
How to create ordered (ol) and unordered (ul) lists.
Adding items using li tags.
Using definition lists (dl, dt, and dd).
Practical examples to implement lists in your web projects.
By the end of this video, you'll be able to structure your content using lists for clean and professional-looking web pages.
Don’t miss out!
Full Playlist: ruclips.net/p/PLWiQT7FWaG1j0zwS7w1IpCIIByg1T0zS3
Code Exampl...
Просмотров: 3
Видео
11 HTML Multimedia (Audio, Video, Iframe, SVG)
Просмотров 112 часа назад
Explore how to integrate multimedia into your web pages using HTML! In this tutorial, we cover how to embed audio, video, SVG graphics, and use iframes to display content from other sources. Learn the essential tags and attributes for adding rich media to your websites. Don’t miss out! Full Playlist: ruclips.net/p/PLWiQT7FWaG1j0zwS7w1IpCIIByg1T0zS3 Code Examples: github.com/ERaufi Please like, ...
10 HTML images
Просмотров 114 часа назад
Learn how to work with images in HTML to make your web pages more engaging and visually appealing. In this tutorial, we cover the use of the img tag, attributes like src, alt, and width, and best practices for optimizing images on your site. Don’t miss out! Full Playlist: ruclips.net/p/PLWiQT7FWaG1j0zwS7w1IpCIIByg1T0zS3 Code Examples: github.com/ERaufi Please like, comment, and subscribe for mo...
09 HTML Links and Navigations
Просмотров 139 часов назад
Unlock the power of links and navigation in HTML! In this tutorial, we explore how to create hyperlinks, use anchor tags for navigation, and build a seamless navigation system for your website. Learn how to connect your pages and improve your site's usability with these essential HTML features. Don’t miss out! Full Playlist: ruclips.net/p/PLWiQT7FWaG1j0zwS7w1IpCIIByg1T0zS3 Code Examples: github...
08 HTML Text Formatting
Просмотров 109 часов назад
Master the art of text formatting in HTML to enhance the readability and design of your web pages. In this tutorial, we dive into the various HTML tags and techniques for bold, italic, underline, and more. Learn how to format your text to make it visually appealing and well-structured. Don’t miss out! Full Playlist: ruclips.net/p/PLWiQT7FWaG1j0zwS7w1IpCIIByg1T0zS3 Code Examples: github.com/ERau...
07 HTML text content
Просмотров 512 часов назад
Learn how to effectively use HTML to structure and display text content on your web pages. In this tutorial, we cover key HTML elements for text, such as paragraphs, headings, and links, and explore best practices for organizing text in a user-friendly way. Don’t miss out! Full Playlist: ruclips.net/p/PLWiQT7FWaG1j0zwS7w1IpCIIByg1T0zS3 Code Examples: github.com/ERaufi Please like, comment, and ...
06 HTML Comments
Просмотров 3514 часов назад
Discover the power of HTML comments and how they help you keep your code organized and readable. In this tutorial, we’ll cover the basics of HTML comments, how to add them to your projects, and why they are essential for maintaining clean code. Don’t miss out! Full Playlist: ruclips.net/p/PLWiQT7FWaG1j0zwS7w1IpCIIByg1T0zS3 Code Examples: github.com/ERaufi Please like, comment, and subscribe for...
05 HTML Attributes
Просмотров 1216 часов назад
Learn all about HTML attributes and how they can enhance your web development skills. In this tutorial, we explore the most commonly used HTML attributes, their syntax, and how to implement them in your projects. Don’t miss out! Full Playlist: ruclips.net/p/PLWiQT7FWaG1j0zwS7w1IpCIIByg1T0zS3 Code Examples: github.com/ERaufi Please like, comment, and subscribe for more tutorials, and let’s begin...
04 HTML Elements and tags
Просмотров 1619 часов назад
Welcome to the HTML5 Complete Tutorial Series! In this video we are going to learn the difference between elements and tags in html Don’t miss out! Full Playlist: ruclips.net/p/PLWiQT7FWaG1j0zwS7w1IpCIIByg1T0zS3 Code Examples: github.com/ERaufi Please like, comment, and subscribe for more tutorials, and let’s begin your journey into web development today!
03 How to Install and Set Up VS Code for Web Development
Просмотров 821 час назад
Welcome to the HTML5 Complete Tutorial Series! In this video, we’ll guide you through the process of installing and setting up Visual Studio Code (VS Code), one of the most popular and powerful code editors for web development. In this video, you’ll learn: How to download and install VS Code on your system. Installing essential extensions for HTML and web development. Setting up VS Code for an ...
02 Understanding HTML Structure
Просмотров 56День назад
Welcome to the HTML5 Complete Tutorial Series! In this video, we’ll dive into the HTML Structure, one of the most important concepts in web development. Understanding the foundation of an HTML document is crucial for building organized and accessible web pages. In this video, you’ll learn: The anatomy of an HTML document. How to structure your HTML code with proper elements. The purpose and use...
01 Introduction to HTML Course
Просмотров 39День назад
Source code: Welcome to the HTML5 Complete Tutorial Series! This is the Introduction to the HTML Course, where you’ll get an overview of what to expect in this comprehensive series. Whether you're a beginner or looking to refine your web development skills, this course is perfect! In this video, we’ll cover: What is HTML and why it’s essential for web development. The goals of this course and w...
How to Create a Real-Time Currency Converter Using APIs in Laravel 🚀
Просмотров 9221 день назад
Source code: github.com/ERaufi Demo: stacktips.rf.gd Learn how to create a real-time currency converter application using Laravel and an external API! 🌐💵 In this step-by-step tutorial, we'll show you: How to fetch exchange rates from a public API. Use Laravel's StreamedResponse for live updates. Build a dynamic frontend for currency conversion. Handle errors and ensure data freshness. Perfect f...
PROTECT Your Laravel App from Hackers with These Top Security Tips!
Просмотров 434Месяц назад
Source code: github.com/ERaufi Demo: stacktips.rf.gd Welcome to this comprehensive Laravel security tutorial! This video is designed to help developers identify and fix common security vulnerabilities in Laravel applications. Whether you’re a beginner or an experienced developer, understanding these security risks is essential for building safe and reliable web applications. Here’s what we’ll c...
Creating a Dynamic DataTable with Pagination and Sorting in React
Просмотров 66Месяц назад
Source code: github.com/ERaufi Demo: stacktips.rf.gd In this video, I demonstrate how to build a dynamic products table in React using the react-data-table-component library. The table features pagination, sorting, and a search filter to manage product listings efficiently. We fetch product data from a Laravel backend with Axios and implement server-side pagination to enhance performance. I wal...
How to Create a Form in Laravel and React with Validations
Просмотров 42Месяц назад
How to Create a Form in Laravel and React with Validations
Dynamic Country and City Dropdown with React and Laravel API Integration
Просмотров 55Месяц назад
Dynamic Country and City Dropdown with React and Laravel API Integration
Building a Multi-Country Select Dropdown with React and Laravel Backend Integration
Просмотров 41Месяц назад
Building a Multi-Country Select Dropdown with React and Laravel Backend Integration
How to Create a Stacked Bar Chart with Laravel, React.js, and Chart.js
Просмотров 502 месяца назад
How to Create a Stacked Bar Chart with Laravel, React.js, and Chart.js
How to Create a Pie Chart Using Laravel, React JS, and Chart.js
Просмотров 522 месяца назад
How to Create a Pie Chart Using Laravel, React JS, and Chart.js
How to Create a Line Chart in Laravel & React.js with Chart.js
Просмотров 1032 месяца назад
How to Create a Line Chart in Laravel & React.js with Chart.js
Donut Chart with Laravel, React, and Chart.js
Просмотров 582 месяца назад
Donut Chart with Laravel, React, and Chart.js
Bar Chart with Laravel, React JS, and Chart.js
Просмотров 702 месяца назад
Bar Chart with Laravel, React JS, and Chart.js
React Dynamic Dropdowns with Laravel API
Просмотров 953 месяца назад
React Dynamic Dropdowns with Laravel API
I Spent 30 Days Building 25 Projects and Here's What Happened!
Просмотров 6883 месяца назад
I Spent 30 Days Building 25 Projects and Here's What Happened!
How to Log and Debug SQL Queries in Laravel
Просмотров 2313 месяца назад
How to Log and Debug SQL Queries in Laravel
Mastering Nested Array Validation in Laravel: Tips & Examples
Просмотров 2324 месяца назад
Mastering Nested Array Validation in Laravel: Tips & Examples
Mastering Multiple Database Connections in Laravel: Relationships Across Databases
Просмотров 7544 месяца назад
Mastering Multiple Database Connections in Laravel: Relationships Across Databases
Great 👍
Thank you! Cheers!
Couple of questions: when you first hit the route it'll immediately go to route?buyingPrice=&name=... Also how do you fix pagination when having a filter. I managed to get the querystring into the pagination using ->withQueryString after paginate but it'll always fetch the resource twice...
Furthermore this messes up the flash messages because the page will hit /products with the flashdata but because the page is refreshed almost immediatly because the useEffect is triggered, the flash message is now empty.
thanks for your comment. you can find the full source code in my github. here is the link github.com/ERaufi/Laravel_React_Inertia and about fetching the resource twice it is because of react strict. remove the strict from you app.js then it will fetch only one time
😊😊😊😊
Greate explanation thank you very much
Thanks to you
Well done 👍
Thanks for watching!
Great job 👍
Thanks
It works thank youuu bro
You're welcome, glad it worked!
greate work
Thanks, glad you liked it!
nice but i have a question, if you have a scrollable component and you implement joyride its content start going outside like overflow is not working in my case
Thanks for pointing this out, I'll try to add an example of this in a future video!
@@eraufi my issue resolved, by using this disableScrollParentFix={true}
I am facing same issue. In My application, Joyride's spotlight is not working properly in scrollable content
Thank u , i'll save the video
thanks to you
Grape
Where is GitHub project link I didn't find project in GitHub profile
How to host run this same linux server any other server without whm, plz make video on this
hi . thanks a lot for the comment. i will make it in the future
@eraufi how much
500 Error, please check your php script / enable display_errors in your cpanel i have this error and I'm not sure what I'm doing wrong
please watch 13:15 Debugging Errors in InfinityFree and enable your app_debug mode in .env
it return 403 not authorized when use private channel 127.0.0.1:8000/broadcasting/auth
Good tip
Happy to help
I have done all these things It is always showing this error message `Pusher error: Not found..` whenever the code hits broadcasting
please check the logs to find more details about the problem. check the server side and see if the reverb is broadcasting fine. first check with public channel. if the public channel is working then go to private channel
Thank you for explanation! I could not develop mail auth myself, but I can do now to watch this video! Pardon my broken English because I am Japanese.
Glad it helped!
Use additional certificate for 90 days its bad idea, Pls explore question with port 443 and proxy
thanks for pointing this. you don't have to use additional certificate for reverb websocket you only need one certificate which should not be self singed certificate
Hello and thanks for the tutorial Can u show how to share or send files to users? Thx
good idea . i will take note for the future video
❤
thanks
Can I have your apache2 configuration file
I am sorry but now i don't have access to it now
😞🥹
you forgot to put file input into storage, and then make route for specific storage and give them permission such a user login or sessions. saving input files in public is a big mistake. greetings from indonesia sir :D
Good tip!
Hi, thanks ! Sometimes you may need to render code (in case of no code builder for exemple). How to prevent malicious insertion ? With regex ?
thanks to you for your comment. I am sorry but i don't have too many experience with regex
Hello Sir, my websocket connection is being established, and the command is running successfully, but the event is not being triggered on the frontend. backend event trigger successfully There are no issues in the console or the Laravel log file.
have you watched and tried the 41:10 Solving Common Problems ? because if every thing is working fine from the backed then these will solve it
what about it is not loading with styels
how to do load your styles? add them like this. your css and js files <link href="{{ asset('css/app.css') }}" rel="stylesheet">
Why it is not working for me? I need help
what issue are you facing can you give me some details
I did it upto deployment but not loading the tailwind css style in the web which is in production
@@virtualvibe4324 did you add your styles like this? <link href="{{ asset('css/app.css') }}" rel="stylesheet">
@@eraufi yes
Guys if you have any security tips or suggestions please write them down in the comments.
Thanks ❤
You're welcome 😊
Bro why I can't access the storage link?
you can refer to this github repo to see how i access the storage link github.com/ERaufi/LaravelProjects/blob/main/app/Http/Controllers/FileManagementController.php or check this demo stacktips.rf.gd/file-management
marvelous playlist ... but i've noticed that you hit the grand parent directory when trying to access storage folder...i think that could be done by writing /storage/ + productImages/img.jpg i dont think traversing to that dir is necesary here
at first i tried like this /storage/ + productImages/img.jpg but unfortunately it didn't work. I don't know the reason maybe because inertia is not able. for that reason i did ../../ and access the storage folder
I need to design laravel chatbot with responsible ui. How can i do? And it can use on public domain too i need all the steps with packeges. Can you help me ? 😊😊😊
WOW too many things. i will suggest that first you have to divide all of these into small tasks so it can be easily manageable. then start googling or ask ChatGpt for the task. or you can google and search for laravel chatbot find a project that you can easily modify.
I did exactly what you did and when I tried the private channel I got this WebSocket connection to 'wss://localhost:8080/app/j8unhk3vv2dpyv2xuquo?protocol=7&client=js&version=8.4.0-rc2&flash=false' failed: WebSocket is closed before the connection is established" because I need help please
Would have been better with ci/cd available.
you are right but infinityFree dose not support it. because it free
People don't usually use SSE but you have done it well. Keep it up.
Yes, SSE is not as common but it's powerful for real-time updates. Glad you liked the tutorial.
Nice😊
Thanks a lot!
Wooooow 😮😮
thanks
hi DBug 👋
hi. good to see you here about the video should i mention you in the video for the vulnerabilities you found in the project?
@@eraufi yes..
hey DBug check this video ruclips.net/video/rt1it3dN3ig/видео.html i added your name on the video
Hi bro, I deployed my API in laravel on infinityfree, but it's giving me a CORS error, how do I solve it?
you can disable the cors from app/Http/Kernel.php or you can allow all the origins from config/cors.php
this is the error i get, any help pls. 500 Error, please check your php script / enable display_errors in your cpanel
please watch 13:15 Debugging Errors in InfinityFree
@@eraufi i have done all those , yet still its the same
@@devconteh in that case change your APP_DEBUG in .env to true. or check your laravel log files to find the error
Please, do it on Nginx! The connection isn't working! And Nginx uses ports 8080 and 443
i am sorry but i don't have a vps. the one the i used for this video was provided by one of my viewers.
@ I am using Nginx in production on a VPS server. However, it connects on some devices but not on others. For example, in the current situation: • On iOS: Reverb works perfectly in all browsers. • On desktop: It connects only on Firefox. • On Android: It does not connect on any browser. (wss) I believe it might be something specific to the browser. Do you know what could be causing this?
@@KesleyWp thanks for telling me about this i will do some research and I will let you know if i find anything
You are donig greate work ::big love from pakistan lahore
thanks a lot
On youtube or courses, exists 0 (nothing) tutorials about configuration Laravel Reverb on SSL with CloudFlare.
I have already made a video about it. here you can find the configuration of Laravel Reverb on SSL ruclips.net/video/Iuq6jME4ft8/видео.html
i am getting the error WebSocket is closed before the connection is established. when deployed on server.
try adding a timeout for 300 or 500 milliseconds in the client side if the problem is not solved please watch 41:10 Solving Common Problems
@@eraufi thanks for the reply i see our private hosting have more than 2 websites running already on it. will it change or affect anything?
@@WildNatureNP will it's hard to say. because I don't have much information about your hosting or projects. but normally it won't change or affect anything else
@@eraufi hmm. interesting. the thing is this is running perfectly fine in local, but when i put it on server, always getting this same error. websocket is closed before connection is established
i am not able to get the not found when put on domainname:port
Better than Railway and Render combined
100% true
your web is error bro
Thanks for informing me. it's up now
great tutorial. How can you send the email verification to the actual users in their email inbox directly.
it will be sent to the user's inbox. in the video, the reason that I am going to my sent is because the email address that i use for registration is fake
Sir can you do filtering by checkbox thanks.
filtering by checkbox? how you mean can you please explain a little bit more
@eraufi yes for example product categories or brands (multi choices)
@@jungleimpact in that case yes you can do filtering by checkbox. even you can do it using select option multi choice
well explanation! thank you, it helping me a lot!:D
thanks to you.
How to add server side datatable use in laravel react with inertia js