Code With ERaufi
Code With ERaufi
  • Видео 155
  • Просмотров 225 387
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...
Просмотров: 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
Laravel and React Dynamic Form
Просмотров 1062 месяца назад
Laravel and React Dynamic Form
React JoyRide
Просмотров 6073 месяца назад
React JoyRide
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

Комментарии

  • @hennaraufi3368
    @hennaraufi3368 День назад

    Great 👍

    • @eraufi
      @eraufi День назад

      Thank you! Cheers!

  • @AlwynWymeersch
    @AlwynWymeersch 4 дня назад

    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...

    • @AlwynWymeersch
      @AlwynWymeersch 4 дня назад

      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.

    • @eraufi
      @eraufi 3 дня назад

      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

  • @balques425
    @balques425 6 дней назад

    😊😊😊😊

  • @hebaghareeb5747
    @hebaghareeb5747 9 дней назад

    Greate explanation thank you very much

    • @eraufi
      @eraufi 9 дней назад

      Thanks to you

  • @parisaraufi3358
    @parisaraufi3358 10 дней назад

    Well done 👍

    • @eraufi
      @eraufi 10 дней назад

      Thanks for watching!

  • @parisaraufi3358
    @parisaraufi3358 10 дней назад

    Great job 👍

    • @eraufi
      @eraufi 10 дней назад

      Thanks

  • @3o737
    @3o737 11 дней назад

    It works thank youuu bro

    • @eraufi
      @eraufi 11 дней назад

      You're welcome, glad it worked!

  • @md.arifmehedi6559
    @md.arifmehedi6559 11 дней назад

    greate work

    • @eraufi
      @eraufi 11 дней назад

      Thanks, glad you liked it!

  • @muhammadaliawan9672
    @muhammadaliawan9672 13 дней назад

    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

    • @eraufi
      @eraufi 13 дней назад

      Thanks for pointing this out, I'll try to add an example of this in a future video!

    • @muhammadaliawan9672
      @muhammadaliawan9672 13 дней назад

      @@eraufi my issue resolved, by using this disableScrollParentFix={true}

    • @surajnegi5771
      @surajnegi5771 9 дней назад

      I am facing same issue. In My application, Joyride's spotlight is not working properly in scrollable content

  • @NMW111
    @NMW111 20 дней назад

    Thank u , i'll save the video

    • @eraufi
      @eraufi 20 дней назад

      thanks to you

  • @NMW111
    @NMW111 20 дней назад

    Grape

  • @pranavmankar1964
    @pranavmankar1964 23 дня назад

    Where is GitHub project link I didn't find project in GitHub profile

  • @allsupporthindi161
    @allsupporthindi161 25 дней назад

    How to host run this same linux server any other server without whm, plz make video on this

    • @eraufi
      @eraufi 25 дней назад

      hi . thanks a lot for the comment. i will make it in the future

    • @allsupporthindi161
      @allsupporthindi161 25 дней назад

      @eraufi how much

  • @zayneee17
    @zayneee17 25 дней назад

    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

    • @eraufi
      @eraufi 25 дней назад

      please watch 13:15 Debugging Errors in InfinityFree and enable your app_debug mode in .env

  • @mahmoudrabea9559
    @mahmoudrabea9559 26 дней назад

    it return 403 not authorized when use private channel 127.0.0.1:8000/broadcasting/auth

  • @Oracleplane
    @Oracleplane 27 дней назад

    Good tip

    • @eraufi
      @eraufi 27 дней назад

      Happy to help

  • @narendraprasadkg6177
    @narendraprasadkg6177 28 дней назад

    I have done all these things It is always showing this error message `Pusher error: Not found..` whenever the code hits broadcasting

    • @eraufi
      @eraufi 28 дней назад

      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

  • @仕事用アカウント-d1p
    @仕事用アカウント-d1p Месяц назад

    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.

    • @eraufi
      @eraufi Месяц назад

      Glad it helped!

  • @foRsxs
    @foRsxs Месяц назад

    Use additional certificate for 90 days its bad idea, Pls explore question with port 443 and proxy

    • @eraufi
      @eraufi Месяц назад

      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

  • @catsbirds2233
    @catsbirds2233 Месяц назад

    Hello and thanks for the tutorial Can u show how to share or send files to users? Thx

    • @eraufi
      @eraufi Месяц назад

      good idea . i will take note for the future video

  • @catsbirds2233
    @catsbirds2233 Месяц назад

    • @eraufi
      @eraufi Месяц назад

      thanks

  • @yan08n
    @yan08n Месяц назад

    Can I have your apache2 configuration file

    • @eraufi
      @eraufi Месяц назад

      I am sorry but now i don't have access to it now

    • @yan08n
      @yan08n Месяц назад

      😞🥹

  • @muhammadmasum2753
    @muhammadmasum2753 Месяц назад

    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

    • @eraufi
      @eraufi Месяц назад

      Good tip!

  • @julienSibille
    @julienSibille Месяц назад

    Hi, thanks ! Sometimes you may need to render code (in case of no code builder for exemple). How to prevent malicious insertion ? With regex ?

    • @eraufi
      @eraufi Месяц назад

      thanks to you for your comment. I am sorry but i don't have too many experience with regex

  • @sigmamotivation-vf3ee
    @sigmamotivation-vf3ee Месяц назад

    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.

    • @eraufi
      @eraufi Месяц назад

      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

  • @virtualvibe4324
    @virtualvibe4324 Месяц назад

    what about it is not loading with styels

    • @eraufi
      @eraufi Месяц назад

      how to do load your styles? add them like this. your css and js files <link href="{{ asset('css/app.css') }}" rel="stylesheet">

  • @virtualvibe4324
    @virtualvibe4324 Месяц назад

    Why it is not working for me? I need help

    • @eraufi
      @eraufi Месяц назад

      what issue are you facing can you give me some details

    • @virtualvibe4324
      @virtualvibe4324 Месяц назад

      I did it upto deployment but not loading the tailwind css style in the web which is in production

    • @eraufi
      @eraufi Месяц назад

      @@virtualvibe4324 did you add your styles like this? <link href="{{ asset('css/app.css') }}" rel="stylesheet">

    • @virtualvibe4324
      @virtualvibe4324 Месяц назад

      @@eraufi yes

  • @eraufi
    @eraufi Месяц назад

    Guys if you have any security tips or suggestions please write them down in the comments.

  • @waleedeassa889
    @waleedeassa889 Месяц назад

    Thanks ❤

    • @eraufi
      @eraufi Месяц назад

      You're welcome 😊

  • @xoxoxoy123
    @xoxoxoy123 Месяц назад

    Bro why I can't access the storage link?

    • @eraufi
      @eraufi Месяц назад

      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

  • @rannyarcher29
    @rannyarcher29 Месяц назад

    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

    • @eraufi
      @eraufi Месяц назад

      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

  • @pawanshrestha9537
    @pawanshrestha9537 Месяц назад

    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 ? 😊😊😊

    • @eraufi
      @eraufi Месяц назад

      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.

  • @FrankOwenMF
    @FrankOwenMF Месяц назад

    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

  • @Praskand_Upadhyay
    @Praskand_Upadhyay Месяц назад

    Would have been better with ci/cd available.

    • @eraufi
      @eraufi Месяц назад

      you are right but infinityFree dose not support it. because it free

  • @muhammadraheel3361
    @muhammadraheel3361 Месяц назад

    People don't usually use SSE but you have done it well. Keep it up.

    • @eraufi
      @eraufi Месяц назад

      Yes, SSE is not as common but it's powerful for real-time updates. Glad you liked the tutorial.

  • @hennaraufi3368
    @hennaraufi3368 Месяц назад

    Nice😊

    • @eraufi
      @eraufi Месяц назад

      Thanks a lot!

  • @hennaraufi3368
    @hennaraufi3368 Месяц назад

    Wooooow 😮😮

    • @eraufi
      @eraufi Месяц назад

      thanks

  • @ndinkar
    @ndinkar Месяц назад

    hi DBug 👋

    • @eraufi
      @eraufi Месяц назад

      hi. good to see you here about the video should i mention you in the video for the vulnerabilities you found in the project?

    • @ndinkar
      @ndinkar Месяц назад

      @@eraufi yes..

    • @eraufi
      @eraufi Месяц назад

      hey DBug check this video ruclips.net/video/rt1it3dN3ig/видео.html i added your name on the video

  • @v_fantes9541
    @v_fantes9541 Месяц назад

    Hi bro, I deployed my API in laravel on infinityfree, but it's giving me a CORS error, how do I solve it?

    • @eraufi
      @eraufi Месяц назад

      you can disable the cors from app/Http/Kernel.php or you can allow all the origins from config/cors.php

  • @devconteh
    @devconteh 2 месяца назад

    this is the error i get, any help pls. 500 Error, please check your php script / enable display_errors in your cpanel

    • @eraufi
      @eraufi 2 месяца назад

      please watch 13:15 Debugging Errors in InfinityFree

    • @devconteh
      @devconteh 2 месяца назад

      @@eraufi i have done all those , yet still its the same

    • @eraufi
      @eraufi 2 месяца назад

      @@devconteh in that case change your APP_DEBUG in .env to true. or check your laravel log files to find the error

  • @KesleyWp
    @KesleyWp 2 месяца назад

    Please, do it on Nginx! The connection isn't working! And Nginx uses ports 8080 and 443

    • @eraufi
      @eraufi 2 месяца назад

      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.

    • @KesleyWp
      @KesleyWp Месяц назад

      @ 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?

    • @eraufi
      @eraufi Месяц назад

      @@KesleyWp thanks for telling me about this i will do some research and I will let you know if i find anything

  • @Arslanyaqoob-y6i
    @Arslanyaqoob-y6i 2 месяца назад

    You are donig greate work ::big love from pakistan lahore

    • @eraufi
      @eraufi 2 месяца назад

      thanks a lot

  • @lksccb
    @lksccb 2 месяца назад

    On youtube or courses, exists 0 (nothing) tutorials about configuration Laravel Reverb on SSL with CloudFlare.

    • @eraufi
      @eraufi 2 месяца назад

      I have already made a video about it. here you can find the configuration of Laravel Reverb on SSL ruclips.net/video/Iuq6jME4ft8/видео.html

  • @WildNatureNP
    @WildNatureNP 2 месяца назад

    i am getting the error WebSocket is closed before the connection is established. when deployed on server.

    • @eraufi
      @eraufi 2 месяца назад

      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

    • @WildNatureNP
      @WildNatureNP 2 месяца назад

      @@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?

    • @eraufi
      @eraufi 2 месяца назад

      @@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

    • @WildNatureNP
      @WildNatureNP 2 месяца назад

      @@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

    • @WildNatureNP
      @WildNatureNP 2 месяца назад

      i am not able to get the not found when put on domainname:port

  • @reybitgo4958
    @reybitgo4958 2 месяца назад

    Better than Railway and Render combined

    • @eraufi
      @eraufi 2 месяца назад

      100% true

  • @kenndeclouv
    @kenndeclouv 2 месяца назад

    your web is error bro

    • @eraufi
      @eraufi 2 месяца назад

      Thanks for informing me. it's up now

  • @UmohUkpongOkon
    @UmohUkpongOkon 2 месяца назад

    great tutorial. How can you send the email verification to the actual users in their email inbox directly.

    • @eraufi
      @eraufi 2 месяца назад

      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

  • @jungleimpact
    @jungleimpact 2 месяца назад

    Sir can you do filtering by checkbox thanks.

    • @eraufi
      @eraufi 2 месяца назад

      filtering by checkbox? how you mean can you please explain a little bit more

    • @jungleimpact
      @jungleimpact 2 месяца назад

      @eraufi yes for example product categories or brands (multi choices)

    • @eraufi
      @eraufi 2 месяца назад

      ​@@jungleimpact in that case yes you can do filtering by checkbox. even you can do it using select option multi choice

  • @darkhero4595
    @darkhero4595 2 месяца назад

    well explanation! thank you, it helping me a lot!:D

    • @eraufi
      @eraufi 2 месяца назад

      thanks to you.

  • @Muskan-n5v
    @Muskan-n5v 2 месяца назад

    How to add server side datatable use in laravel react with inertia js