L4 Webdesign
L4 Webdesign
  • 50
  • 141 360
Devlog #1 | Why You Should Refactor Your Code 🤓 | L4 Webdesign
In this video I talk about the situation of my application that I am building right now.
The status is complicated and not much has changed. More details in the video
Leave a like and subscribe if you liked the video. If you did not like it then write a comment, that would help me out as well :)
-- Contact
info@l4webdesign.de
l4webdesign.de
l4webdesign.de
buymeacoffee.com/l4webdesign
Timestamps
0:00 Intro
0:36 What's refactoring?
0:57 Following The DRY principle
1:31 The importance Of Refactoring!
3:54 Why Refactoring is boring
4:20 Personal Observations about refactoring
4:56 Your future self will thank you
5:24 Outro
มุมมอง: 60

วีดีโอ

What you need as a shopify developer in 2024 | L4 Webdesign
มุมมอง 1945 หลายเดือนก่อน
Inn this video I will talk the prerequisites to become a shopify dev in 2024. What is the basic knowledge that's required to start developing your own shopify app. buymeacoffee.com/l4webdesign l4webdesign.de l4webdesign.de
Devlog #0 I am starting to build a shopify app | as an indie app developer | L4 Webdesign
มุมมอง 2225 หลายเดือนก่อน
The whole purpose of this video ist to document the progress of building a shopify app. In this first video I will show you the basic idea and the architecture. I also talk about what you will need if you want to start as a shopify developer in 2024 Like and subscribe buymeacoffee.com/l4webdesign l4webdesign.de l4webdesign.de 00:00 Intro 02:05 What you need as a shopify developer ...
How To Debug Your Shopify App | Shopify RemixJS Single | L4 Webdesign
มุมมอง 3585 หลายเดือนก่อน
In this video you will learn how to debug your shopify application. If you've built a shopify app with node JS or any other javascript framework like RemixJS or NextJs then you will learn how you can debug your application. Get the code here l4webdesign.de/how-to-debug-your-shopify-application/
How To Add Webhooks To Your Shopify Application | Shopify RemixJS Singles | L4 Webdesign
มุมมอง 2.3K5 หลายเดือนก่อน
In this tutorial we're focusing on subscribing to webhooks from your remix js app. In this targeted guide, I'll provide you with step-by-step instructions on how to address this common challenge faced by developers. Are you struggling to install webhooks in your Shopify store? Join me as I walk you through the process, demystifying each step and offering practical solutions to ensure smooth int...
How To Set Up A Library For Your WebComponents || StorybookJS 🤝 StencilJS (1/15)
มุมมอง 978 หลายเดือนก่อน
In this video I want to show you how you can integrate StorybookJS into you StencilJS project. Storybook is a great way to organize all of your web components in a simple way. They complement each other in such a great way. unfortunately Stroybook doesn't support StencilJS natively. So we have to make some configurations. For a step by step guide please check l4webdesign.de/howto-integrate-stor...
How to integrate StorybookJS into your StencilJS Project | L4 Webdesign
มุมมอง 3559 หลายเดือนก่อน
In this video I want to show you how you can integrate StorybookJS into you StencilJS project. Storybook is a great way to organize all of your web components in a simple way. They complement each other in such a great way. unfortunately Stroybook doesn't support StencilJS natively. So we have to make some configurations. For a step by step guide please check l4webdesign.de/howto-integrate-stor...
How Do I Find A Shopify App Idea in 2023 | L4 Webdesign
มุมมอง 35510 หลายเดือนก่อน
Need some inspiration? In this video I want to share some places where you can find some inspiration for your shopify app ideas. Timestamps: 00:00 Intro
Imperative VS Declarative Programming (Frontend Interview Questions) || L4 Webdesgin
มุมมอง 241ปีที่แล้ว
Learn the difference between imperative and declarative programming and why you'll usually want to use one over the other. also, see the differences by means of a coding example! Timestamps: 0:00 boring intro 2:40 Code example 🤗 11:14 Outro Links: l4webdesign.de info@l4webdesign.de l4webdesign.de
Being A Self Taught Developer VS Going To University
มุมมอง 98ปีที่แล้ว
In this video I want to talk about my experiences of being a self taught developer vs going to university My suggestions for learning web development by yourself: - www.udemy.com/course/the-complete-web-development-bootcamp/ - www.pluralsight.com/paths/php-development-fundamentals - laracasts.com/topics/php Timestamps 00:00 - 00:57 Intro 00:57 - 02:06 Domain specific knowledge 02:06 - 03:49 Imp...
How to create web components with StencilJS - Complete Series | L4 Webdesign
มุมมอง 4.8K2 ปีที่แล้ว
In this video series I want to give an overview of stencil js and web components. In the future I will also make a tutorial where we will build more complex web component just to dive deeper into Web components and stenciljs. Links: l4webdesign.de info@l4webdesign.de l4webdesign.de
How to publish npm packages and reuse components (4/4) - How to create web components with StencilJS
มุมมอง 8542 ปีที่แล้ว
In this video series I want to give an overview of stencil js and web components. In the future I will also make a tutorial where we will build more complex web component just to dive deeper into Web components and stenciljs. Links: l4webdesign.de info@l4webdesign.de l4webdesign.de
Creating your own component (3/4) - How to create web components with StencilJS | L4 Webdesign
มุมมอง 3052 ปีที่แล้ว
Creating your own component (3/4) - How to create web components with StencilJS | L4 Webdesign
StencilJS overview (2/4) - How to create web components with StencilJS | L4 Webdesign
มุมมอง 3232 ปีที่แล้ว
StencilJS overview (2/4) - How to create web components with StencilJS | L4 Webdesign
What are web components? (1/4) - How to create web components with StencilJS | L4 Webdesign
มุมมอง 5142 ปีที่แล้ว
What are web components? (1/4) - How to create web components with StencilJS | L4 Webdesign
(2/2) Shopify How To Make REST Calls To The Shopify API | L4 Webdesign
มุมมอง 5262 ปีที่แล้ว
(2/2) Shopify How To Make REST Calls To The Shopify API | L4 Webdesign
(1/2) Shopify How To Make REST Calls To The Shopify API | L4 Webdesign
มุมมอง 1.8K2 ปีที่แล้ว
(1/2) Shopify How To Make REST Calls To The Shopify API | L4 Webdesign
Setting Up Shopify App Navigation Menu | L4 Webdesign
มุมมอง 1.2K2 ปีที่แล้ว
Setting Up Shopify App Navigation Menu | L4 Webdesign
How to create custom logs for laravel | L4 Webdesign
มุมมอง 9252 ปีที่แล้ว
How to create custom logs for laravel | L4 Webdesign
Facebook API - How to get hashtags | L4 Webdesign
มุมมอง 1.4K2 ปีที่แล้ว
Facebook API - How to get hashtags | L4 Webdesign
What your first months and projects as a junior developer will look like | L4 Webdesign
มุมมอง 1172 ปีที่แล้ว
What your first months and projects as a junior developer will look like | L4 Webdesign
These 4 basic projects got me a jr. developer job | L4 Webdesign
มุมมอง 3392 ปีที่แล้ว
These 4 basic projects got me a jr. developer job | L4 Webdesign
Invalid session token - fix the most annoying Shopify bug | L4 Webdesign
มุมมอง 3.4K2 ปีที่แล้ว
Invalid session token - fix the most annoying Shopify bug | L4 Webdesign
Shopify Webhooks | L4 Webdesign
มุมมอง 7102 ปีที่แล้ว
Shopify Webhooks | L4 Webdesign
Get your app submitted - Shopify set security headers to protect against clickjacking | L4 Webdesign
มุมมอง 2K2 ปีที่แล้ว
Get your app submitted - Shopify set security headers to protect against clickjacking | L4 Webdesign
Laravel - how to override vendor files | L4 Webdesign
มุมมอง 3K2 ปีที่แล้ว
Laravel - how to override vendor files | L4 Webdesign
Theme app extensions (4/4) | Dispatch Script tags or use app extensions | L4 Webdesign
มุมมอง 2.8K2 ปีที่แล้ว
Theme app extensions (4/4) | Dispatch Script tags or use app extensions | L4 Webdesign
Theme app extensions (3/4) Creating a Deeplink | Shopify App Development | L4 Webdesign
มุมมอง 5K2 ปีที่แล้ว
Theme app extensions (3/4) Creating a Deeplink | Shopify App Development | L4 Webdesign
Theme app extensions (2/4) App Blocks & App Embed explained | Shopify App Development | L4 Webdesign
มุมมอง 13K2 ปีที่แล้ว
Theme app extensions (2/4) App Blocks & App Embed explained | Shopify App Development | L4 Webdesign
Theme app extensions (1/4) Overview | Shopify App Development | L4 Webdesign
มุมมอง 9K2 ปีที่แล้ว
Theme app extensions (1/4) Overview | Shopify App Development | L4 Webdesign

ความคิดเห็น

  • @yusufkebbe2909
    @yusufkebbe2909 หลายเดือนก่อน

    Bro you are amazing thanks alot Keep going..

  • @visque927
    @visque927 หลายเดือนก่อน

    If I restart the server, the webhook doesn't register. Any solution to this?

  • @visque927
    @visque927 หลายเดือนก่อน

    if i restart the server the webhook doesn't register. Any solution to this?

  • @lipin007
    @lipin007 หลายเดือนก่อน

    mic volume is low

  • @cnerdmahadi
    @cnerdmahadi 2 หลายเดือนก่อน

    how bout deploy the updated version and then run? does that work?

  • @msaikrishna6100
    @msaikrishna6100 2 หลายเดือนก่อน

    Very useful video thank you so much. but what if i want to maintain stenciljs and storybook should be in a differenct folders. how can i do that. please make a video.

    • @rjborba
      @rjborba 2 หลายเดือนก่อน

      You can literally create a new folder inside your project to hold your storybooks and configure the .storybook to look for the stories in this directory that you created OR you can use a monorepo and have the storybook project on it

  • @rawsmoke8148
    @rawsmoke8148 3 หลายเดือนก่อน

    Thanks man as always.

  • @DimitarZlatev-qh3gx
    @DimitarZlatev-qh3gx 3 หลายเดือนก่อน

    Thank you very much, worked for me!

  • @maliikahmadali3315
    @maliikahmadali3315 3 หลายเดือนก่อน

    How to do this in basic next js app

  • @ashwinijadhav6908
    @ashwinijadhav6908 4 หลายเดือนก่อน

    Hello, Finally my search for finding good tutorial on shopify theme app extension is stopped. :) i have one doubt in previous video you have shown animated button theme app extension . there how you have added backend settings i means button effect selection at shopify partner ..?? how that setting page added at backend to select effect and how that reflected at store front..?

  • @rainerblessing923
    @rainerblessing923 4 หลายเดือนก่อน

    A very important topic. A favourite of mine. I loved your analogy with the messy flat. Speaking of a clean flat there is a book which is called “Clean Code“ which every developer should read. Also on the topic about refactoring there is a book from Michael Feathers. Refactoring can be a good way to get familiar with new code. But as you mentioned it is also dangerous if there are no unit tests and the refactoring causes regression errors. You didn’t mention the most important thing when doing refactoring: You need unit tests which document the functions and make sure everything works as before the refactoring. Additionally use the IDE functions to analyse code flaws and which help with refactoring. Once in your developer life check out how Intellijs IDEs help with refactoring. To me refactoring is one of the most exiting tasks. Coding is easy, but designing software is a challenge.

    • @l4webdesign186
      @l4webdesign186 4 หลายเดือนก่อน

      „Coding is easy, but software design is a challenge“ that’s very true! TDD & unit tests will be another topic 👍

  • @GhulamAbbas-kd3jj
    @GhulamAbbas-kd3jj 4 หลายเดือนก่อน

    useless not clear showing your coding

  • @seunoyebode
    @seunoyebode 4 หลายเดือนก่อน

    Thanks for making this video

  • @web3made
    @web3made 4 หลายเดือนก่อน

    My boi Lee spitting facts

  • @agustinlaurito9656
    @agustinlaurito9656 5 หลายเดือนก่อน

    OMG! Thank you! The dev --reset did the trick!!

  • @moarte6
    @moarte6 5 หลายเดือนก่อน

    This is gold! Exactly what I needed. One note though, I'm using Windows and I could not run the "npm run dev -- --reset" script. Took some time to figure it out, but the problem was that I ran the command in PowerShell. When I used another terminal, it worked!

    • @l4webdesign186
      @l4webdesign186 5 หลายเดือนก่อน

      Thanks for the info!

  • @CodeInspire
    @CodeInspire 5 หลายเดือนก่อน

    I'm proud of you man. Keep up the good work. Thank you for the shoutout :) Will see you in a few years with $100k MRR.

  • @kodraa
    @kodraa 5 หลายเดือนก่อน

    would you do a full tutorial of a remixjs app with shopify?

    • @l4webdesign186
      @l4webdesign186 5 หลายเดือนก่อน

      I'm planning, but got so many other video ideas rn, let's see if I can make it work :)

  • @muchis
    @muchis 5 หลายเดือนก่อน

    Literally just here because of the -- --reset thing !! haha thank you and thank you to the random guy that posted that in the comunity too!

  • @asifullah3050
    @asifullah3050 6 หลายเดือนก่อน

    any video how can we synch laravel app with shopify partner account?

    • @l4webdesign186
      @l4webdesign186 5 หลายเดือนก่อน

      Not sure what you mean by that? I don’t think I have anything to help you with that

  • @asifullah3050
    @asifullah3050 6 หลายเดือนก่อน

    Hi Do you have github url of this project?

    • @l4webdesign186
      @l4webdesign186 6 หลายเดือนก่อน

      hey, no unfortunately not.. I shouldve made one :/

  • @muhammadbakhsh5165
    @muhammadbakhsh5165 7 หลายเดือนก่อน

    Really great content. Thanks

  • @cl10k
    @cl10k 7 หลายเดือนก่อน

    Useful little tutorial! Thanks!

  • @user-rq4nt8bu7u
    @user-rq4nt8bu7u 8 หลายเดือนก่อน

    After installing the app I look at the app again in the store the app doesn't open. How can i resolve that issue?

    • @l4webdesign186
      @l4webdesign186 5 หลายเดือนก่อน

      Probably best to use the current version of the package, the one I show in the video is deprecated by now

  • @bestmotivationspeekar4384
    @bestmotivationspeekar4384 9 หลายเดือนก่อน

    Thanks for your videos, how can call therd party api in our theme app extensions liquid file pless guide me

  • @ashwinijadhav6908
    @ashwinijadhav6908 9 หลายเดือนก่อน

    after app install on store i am getting below error Osiset\ShopifyApp\Exceptions\MissingAuthUrlException Missing auth url

    • @l4webdesign186
      @l4webdesign186 9 หลายเดือนก่อน

      This package is deprecated and not actively developed anymore. Chances are shopify changed their API and it doesn't work anymore :/

    • @ashwinijadhav6908
      @ashwinijadhav6908 7 หลายเดือนก่อน

      @@l4webdesign186 ok. thanks for the update. 🙂

    • @ashwinijadhav6908
      @ashwinijadhav6908 7 หลายเดือนก่อน

      one more question can we add custom logic (like calculate shipping charges) to checkout page without shopify plus?

  • @EdsonFranceschini
    @EdsonFranceschini 9 หลายเดือนก่อน

    I can't see how this substitutes the script tags. I can add a script tag using the GraphQL api and my code will run wihtout the need of customize the theme. For theme extensions we are going to need to add the block. Is it possible to change the behaviour of the search input for example?

    • @l4webdesign186
      @l4webdesign186 9 หลายเดือนก่อน

      You can add a script tag but if you don't use theme app extensions your app won't get approved according to page shopify.dev/docs/api/admin-rest/2023-10/resources/scripttag

  • @zeeshanasgar1810
    @zeeshanasgar1810 11 หลายเดือนก่อน

    Hey, this command shopify extension create not working. It shows that "Note that CLI 2.x will be sunset on May 31, 2023". Can you please tell me it supports CLI or not

  • @mdalaminhridoy4301
    @mdalaminhridoy4301 11 หลายเดือนก่อน

    hello how can i this Script file adding vite.config.js ? webpack.mix.js not using now in laravel 10

  • @yuriylipchey789
    @yuriylipchey789 11 หลายเดือนก่อน

    Thanks. Just what I needed

  • @avvarupreethi3063
    @avvarupreethi3063 11 หลายเดือนก่อน

    Hi, can u please tell me how to change port in stencil.

  • @user-mq9gr9pn7c
    @user-mq9gr9pn7c ปีที่แล้ว

    thank you a lot , very helpful tip

  • @tajcompanyltd
    @tajcompanyltd ปีที่แล้ว

    any video you make on theme/ front end side menu create dynamic using php??

  • @theeyesneverlie7451
    @theeyesneverlie7451 ปีที่แล้ว

    Great! But why I override vendor/laravel/framework/src/Illuminate/Validation/ValidationException.php, it still not work as expected, laravel still use vendor file?

  • @sanjaymakwana6468
    @sanjaymakwana6468 ปีที่แล้ว

    your link was not working as per the Shopify Document {UUID} but you mention APP id that was the else it was working fine.

  • @phester17
    @phester17 ปีที่แล้ว

    thank you!

  • @DezolutionsMTV
    @DezolutionsMTV ปีที่แล้ว

    How do you manipulating button animation from shopify app?

  • @roozbehsam
    @roozbehsam ปีที่แล้ว

    First thank you for your very nice and beautiful video. It doesn't work anymore on v17.0, they made breaking changes on everything

    • @l4webdesign186
      @l4webdesign186 ปีที่แล้ว

      damn, thanks for letting me know! Guess I'll have to update everything :D

  • @priyank_panchal
    @priyank_panchal ปีที่แล้ว

    Hey I want to make an app like whenever I install the app at this time add button on the product page. I'm a beginner to Shopify and also approach using api but not got better documentation could you help me?

    • @l4webdesign186
      @l4webdesign186 ปีที่แล้ว

      Hey thank you for your comment! Unfortunately the documentation is very messy. I plan on doing a tutorial on something like that. In the meanwhile I can recommend you the channel CodeInspire. He has some very good shopify tutorials too!

    • @priyank_panchal
      @priyank_panchal ปีที่แล้ว

      @@l4webdesign186 could you give me some approach so that I can get easily idea and also videos ?

  • @WarmProgramViki
    @WarmProgramViki ปีที่แล้ว

    I am new to shopify app development, i'm just trying to learn. i have one question: i have seen that osiset package is archived and the new maintained version is also have bugs. i found there are CLI that support Laravel + React to develop apps. so here i got little confusion, which process i should follow, CLI or with that package of Laravel and is there any video course?

    • @l4webdesign186
      @l4webdesign186 ปีที่แล้ว

      Hi thanks for your comment! You are right, this video got a little outdated. As of now I think it's really better to work with the cli event though that's a little buggy as well! Videos will follow later this year since I'm a little busy right now! thank you very much!

  • @WarmProgramViki
    @WarmProgramViki ปีที่แล้ว

    nice explanation

  • @JeffsFernandes
    @JeffsFernandes ปีที่แล้ว

    Hi, thanks for your videos. It helped me a lot. And I solved the "environments" problem creating a theme app extension for each of my three environments, but removing each one and only keeping the .env file. So I have extension.dev.env extension.staging.env extension.prod.env And I replace the content of my .env with some of them.

    • @l4webdesign186
      @l4webdesign186 ปีที่แล้ว

      hey thank you! thats actually a good approach!

  • @Litleakers
    @Litleakers ปีที่แล้ว

    how do i run the cod tho?

    • @l4webdesign186
      @l4webdesign186 ปีที่แล้ว

      AFAIK You’d have to run it on a vm that’s being hosted by GitHub

  • @ashmit_kansal_
    @ashmit_kansal_ ปีที่แล้ว

    It won't work in some version of laptops for that you can simply type 1s after GitHub in url

  • @motricalaalan6186
    @motricalaalan6186 ปีที่แล้ว

    I disagree, both are declarative, but the second is written in more functionalish style. Declarative approach is used in rxjs, if instead of declarativeFunc you had written a declarativeArray what is an Observable with filter pipe it would be declarative

  • @web3made
    @web3made ปีที่แล้ว

    Ah yeah I remember when I asked you about this 😆

  • @user-qj7kf7wp4b
    @user-qj7kf7wp4b ปีที่แล้ว

    Nice!!!

  • @FGA-47
    @FGA-47 ปีที่แล้ว

    wow

  • @MubashirZamir-ss9yp
    @MubashirZamir-ss9yp ปีที่แล้ว

    Thank you so much!!! This save me literal days of work!

  • @rafant97
    @rafant97 ปีที่แล้ว

    Cool channel bro!! Keep posting videos please