Hosting a p5.js sketch with GitHub Pages

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ธ.ค. 2024

ความคิดเห็น • 118

  • @p16r
    @p16r 4 ปีที่แล้ว +22

    The command at 10:55 to show hidden files should be only `ls -a` the -l option is to list the files with more info. `ls -l` will list the files in ta tabular format but won’t show hidden files. `ls -a` will show hidden files in a compact list. `ls -la` will show hidden files in a tabular form.

    • @TheCodingTrain
      @TheCodingTrain  4 ปีที่แล้ว +4

      Thank you for this clarification!

    • @arnavaggarwal5243
      @arnavaggarwal5243 4 ปีที่แล้ว

      @@TheCodingTrain SIr please make your custom VS CODE THeme. THe Daniel Schiffman THeme or the coding terrain theme in VS code

  • @voxelrifts
    @voxelrifts 4 ปีที่แล้ว +10

    The madman actually added hearts and rainbows for a 3 sec clip. dedication intensifies

  • @DenisovichDev
    @DenisovichDev 4 ปีที่แล้ว +7

    In a recent live you reviewed our first contribution hosted by gh-pages and said you wanted to revisit this particular topic. I'm so glad that you actually made a video explaining the recent interface. You are the best teacher ever!

  • @anusha8085
    @anusha8085 4 ปีที่แล้ว +12

    You actually remade it! And you're back in the good old studio! Thanks a lot.
    Also, the Processing Your Files dance was awesome ✨

  • @idiotsandwich2748
    @idiotsandwich2748 3 ปีที่แล้ว +1

    OHMYGOD THANK YOU SO MUCH. i completely forgot how to make my game into a site, and when it came time for me to do so i couldn't and was on the verge of failing my main project. YOU SAVED ME, THANK YOU, THANK YOU, THANK YOU.

  • @ashishajin4712
    @ashishajin4712 4 ปีที่แล้ว +2

    I just wanted to say on behalf of everyone who watches your videos, thank you for being such a sunshine and the best programming teacher ever! 😀

  • @kldjbenning
    @kldjbenning 3 ปีที่แล้ว +5

    Your energy in these videos makes them so easy to follow!
    🙌

  • @ZaidAjani
    @ZaidAjani 4 ปีที่แล้ว +4

    I am so happy to see your tutorial in the old manner after so many days! This tutorial has really help me. thanks a lot and keep making such informative tutorials.

  • @AhmadAlMutawa_abunoor
    @AhmadAlMutawa_abunoor 4 ปีที่แล้ว +2

    I have been waiting for these videos to come back. Thanks a lot. Please make more videos like these (edited, shortened, and more convenient) as opposed to the live stream ones.

  • @IraWinder
    @IraWinder 4 ปีที่แล้ว +1

    Good to have you back! I was just needing a quick refresher on how to do this.

  • @harikakothamasu6974
    @harikakothamasu6974 4 ปีที่แล้ว +15

    Hahaha that digital bell is too gud😍😍😆

  • @RefluxCitadelRevelations
    @RefluxCitadelRevelations 3 ปีที่แล้ว +1

    This tutorial is super concise and very easy to understand, not implying they usually aren't, but I would have figured this would have been more difficult. Thank you so much, duder.

  • @rachitkumarpandey
    @rachitkumarpandey 4 ปีที่แล้ว +3

    The only reason I got into programming was because of you . Keep up the good work.

  • @alexanderbell7736
    @alexanderbell7736 4 ปีที่แล้ว +1

    So glad to see you're back on the horse ... Um .. train Dan! Thanks for another great video!

  • @cameron6464
    @cameron6464 4 ปีที่แล้ว +1

    Just another absolute banger video Dan. Funny enough I first learned how to use github from your previous video, so I didn't quite learn anything here but still an interesting video regardless!

  • @johnvonhorn2942
    @johnvonhorn2942 4 ปีที่แล้ว +42

    I'm not first or second but I have arrived.

    • @not_ever
      @not_ever 4 ปีที่แล้ว +2

      Cometh the man, cometh the hour

  • @hussainsalih3520
    @hussainsalih3520 2 ปีที่แล้ว

    Big love for you , l'm watching you from 2018/2019 , amazing journey with you

  • @zer001
    @zer001 4 ปีที่แล้ว +1

    Hey Daniel, i missed your videos. All i now about Prcessing i learned from you.Nice to see some new Viceos

  • @DavidFitzgibbon
    @DavidFitzgibbon 4 ปีที่แล้ว

    You're back!!! Amazing!

  • @asddsaasdfg2846
    @asddsaasdfg2846 4 ปีที่แล้ว +1

    This haircut is much better then others 😀😃

  • @tahsintariq8757
    @tahsintariq8757 4 ปีที่แล้ว

    For anyone starting out with git and Github like me, all the terminal commands might be a bit intimidating at first. But you can download the Github Desktop app. It makes things a lot easier at first. And will help you learn git in the terminal when you do try it.

  • @ButteryCowEgg
    @ButteryCowEgg 4 ปีที่แล้ว

    Yoooo I’m happy to see another video in this series

  • @runtimejpp
    @runtimejpp 2 ปีที่แล้ว

    Dan you’re the best! Thank you for everything!!!

  • @JuliusUnscripted
    @JuliusUnscripted 3 ปีที่แล้ว

    wow thanks for the shortcut shift + command + period show show/hide hidden files! i did not know that and even wrote an autormator script a few years ago. I does work but i always had to restart Finder. Now with the new shortcuts its a lot better! :))))

  • @nrprogramming7593
    @nrprogramming7593 4 ปีที่แล้ว +7

    Another one!! Thanks so much for your channel and how much value you bring to TH-cam! You’re one of the big inspirations, as to why I started my own channel... Now I just need to work on my energy/ charisma😩🤣 #IllGetThereOneDay

    • @anniestackhouse5662
      @anniestackhouse5662 4 ปีที่แล้ว +1

      I agree! TheCodingTrain's videos are awesome! I've been subbed for over 3 years now :) . As far as your TH-cam channel goes, just Keep Going! Your video's are really good!

  • @TyHa-k8t
    @TyHa-k8t 11 หลายเดือนก่อน

    Thank you for your energy. Love you.

  • @juanserna259
    @juanserna259 2 ปีที่แล้ว

    Thank you for your content. Easy, straight forward and fun.

  • @dgloria
    @dgloria 3 ปีที่แล้ว

    Hi Dan, I had to move all my files into the root folder, from a sample p5 project, and refactor the file references, and the changes went through with a delay of 1 min, but it's good and working. Thanks.

  • @chintanrabadiya6625
    @chintanrabadiya6625 4 ปีที่แล้ว

    After long time😍😍😍

  • @morphman86
    @morphman86 4 ปีที่แล้ว

    Personally, I prefer to have the library locally for two reasons:
    1) I am sure that I only rely on my own service provider. If the user can load my page, they are guaranteed to be able to load the libraries.
    2) It is far quicker, in most cases, to load the files from the same server, than to load from several different servers.
    CDNs are great for development, but for deployment, you should really download the libraries and use locally. The only exception is if you are using a split delivery service yourself, like a cluster server, where your own content is delivered via a CDN. But even then, you should probably supply the libraries through your own CDN, rather than the default host, for the same reasons as listed above.

  • @semrana1986
    @semrana1986 4 ปีที่แล้ว

    Welcome back

  • @competitiveprogramming4219
    @competitiveprogramming4219 4 ปีที่แล้ว

    Thank you for the Git Playlist.

  • @chanasiegel2706
    @chanasiegel2706 4 ปีที่แล้ว +1

    You are awesome!!!!

  • @sacrajah
    @sacrajah 3 ปีที่แล้ว

    I enjoyed this video. Thank you for posting

  • @mostafamohammed4853
    @mostafamohammed4853 4 ปีที่แล้ว +1

    Dan without a whistle at the end :
    Dan while editing; don't worry got my back

  • @koladeoluwadare_
    @koladeoluwadare_ 4 ปีที่แล้ว

    I love ur tutorial man

  • @slim3190
    @slim3190 4 ปีที่แล้ว

    love your New hair!

  • @Roknok
    @Roknok 4 ปีที่แล้ว +5

    I just thought of it and suddenly see a video of the coding train published 4 minutes ago ......you just know how to read mind😀

  • @anisulfatma8943
    @anisulfatma8943 4 ปีที่แล้ว +3

    Odd coincidence it is that I was searching for a domain name right when this video was uploaded.

  • @cheako91155
    @cheako91155 4 ปีที่แล้ว

    There is also gitlab pages of you are looking to avoid using a MS product. Also with gitlab pages you can use a program like tree to generate content... You don't need to store generated files in the gut repo it's self.

  • @tanishqsinghanand5383
    @tanishqsinghanand5383 4 ปีที่แล้ว

    Luv u sir from India

  • @linustornqvist2246
    @linustornqvist2246 4 ปีที่แล้ว

    Missed you danny

  • @nicolevella6701
    @nicolevella6701 4 ปีที่แล้ว

    welcome back

  • @GrinyaPLAY
    @GrinyaPLAY 4 ปีที่แล้ว +1

    Thanks for your effort. I want VIM video!

  • @shriyamtripathi
    @shriyamtripathi 4 ปีที่แล้ว +2

    Sir plz make a video to integrate p5 sketches on our websites / apps. I searched for it before and it says to use which is not so efficient 😉🙏🙏

  • @iamnicosta
    @iamnicosta 2 ปีที่แล้ว

    great work ! thanks

  • @slower-master
    @slower-master 3 ปีที่แล้ว

    Thnks, I really love your work

  • @alanESV2
    @alanESV2 4 ปีที่แล้ว +1

    I’d be cool if you coded a non repeating grid like in Veritasium’s new video

  • @CodingUnited
    @CodingUnited 4 ปีที่แล้ว +2

    GitHub CLI series?

  • @JAHKABE
    @JAHKABE 4 ปีที่แล้ว

    Thanks Shiffman. I was just doing this today. Can you do a tutorial on hosting Multiple p5.js canvases in instantiated mode on an html page?

  • @twitchizle
    @twitchizle 4 ปีที่แล้ว +1

    how to hide something in github? for example api keys?

  • @som.shekhar
    @som.shekhar 4 ปีที่แล้ว

    At 4:05, Github Pages cannot be used with private repositories on a free account, the account needs to be upgraded.

  • @dbless2005
    @dbless2005 4 ปีที่แล้ว

    Love your tutorial. Could you do a video with github desktop?

  • @Kayne1b
    @Kayne1b 4 ปีที่แล้ว +1

    I'm still trying to figure out if I can get a p5 canvas element (associated with the sketch and multiple other files) in a React component. I thought I might be able to do it with the Helmet package but it didn't seem to entirely work. I say entirely, because I could not delete the files I had added to my project until I shut down npm, so I suspect it was running, but I didn't see any changes on my screen. Maybe I gave up too early and just needed to do something else to trigger a re-render? I can still just link out to different repos, and maybe trying to make it a component is a bad idea anyway, so it's not a major priority.

  • @morphman86
    @morphman86 4 ปีที่แล้ว

    Hey Dan, I'm watching this from the past. Why haven't you been in the studio for a long time? Something I need to worry about, or is it just your schedule?

  • @lukedominicodonnell2347
    @lukedominicodonnell2347 2 ปีที่แล้ว

    Thank you most helpful

  • @randompersononthenet806
    @randompersononthenet806 4 ปีที่แล้ว +6

    What program do you use for coding?

    • @SolarLiner
      @SolarLiner 4 ปีที่แล้ว +1

      Here he used the p5.js web editor, but he mostly uses VS Code for most programming tasks.

    • @randompersononthenet806
      @randompersononthenet806 4 ปีที่แล้ว

      @@SolarLiner thanks

    • @TheCodingTrain
      @TheCodingTrain  4 ปีที่แล้ว +2

      I also have this playlist in case it's helpful! th-cam.com/play/PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X.html

    • @randompersononthenet806
      @randompersononthenet806 4 ปีที่แล้ว

      @@TheCodingTrain thank you

  • @akshayasinghal456
    @akshayasinghal456 3 ปีที่แล้ว +1

    So im using .html ! While uploading the files, do we only need the .html s or all of the images and psds also?

  • @sergeyb6071
    @sergeyb6071 4 ปีที่แล้ว

    amazing stuff! what would it take if the p5 demo was a java app, any additional steps?

  • @Kotfluegel
    @Kotfluegel 4 ปีที่แล้ว

    What are best practices, if you have to build your source files first, like compile typescript?

  • @TinchyYT
    @TinchyYT 3 ปีที่แล้ว

    Thank you so much :)

  • @ketz555
    @ketz555 3 ปีที่แล้ว

    What's the process to update the github files? Do you do all the steps again from git init?

  • @mostafamohammed4853
    @mostafamohammed4853 4 ปีที่แล้ว

    Thank you ❤️

  • @elphotovideo
    @elphotovideo 3 ปีที่แล้ว

    Hello, when I tried to do this my page came up blank. I originally created the sketch locally as opposed to p5.js editor

  • @resin01
    @resin01 4 ปีที่แล้ว +2

    Just type
    git checkout -b main
    That will create the branch and check it out in one command instead of two

  • @gunasekhar435
    @gunasekhar435 4 ปีที่แล้ว

    After creating URL using pages also my link not showing my website it only showing some react commands and my code only can you give any solution for that 😬

  • @ushasingh6204
    @ushasingh6204 4 ปีที่แล้ว +1

    Wow I was just coding ray casting

  • @athulcvinod
    @athulcvinod 4 ปีที่แล้ว +1

    I had to select a jekyll theme inorder to get my sketch up and running. It would show a 404 otherwise. Strange.

    • @ameynaik2743
      @ameynaik2743 3 ปีที่แล้ว

      Thanks! I had the same problem, I had to choose a theme to get it working!

  • @yuyin1022
    @yuyin1022 3 ปีที่แล้ว

    Thank you for the tutorial! I have a question regarding sketches that have sound elements. The p5.js sketch is not playing sound on the github link. How to solve this problem? Is that because of the library location? Thank you!

  • @zaynbaig3157
    @zaynbaig3157 4 ปีที่แล้ว

    Remember the sublime text days?

  • @TheLshallo
    @TheLshallo 4 ปีที่แล้ว

    Important to note, that you cannot use GitHub Pages with a private repository unless you are paying for premium.

  • @NolleEveraert
    @NolleEveraert 4 ปีที่แล้ว

    I got a question about github pages that I can’t find the answer online...Is it possible to have one general index.html with buttons on it that sends you to another html file. For example, I am working on a site that visualises sorting algorithms and maze generation but i have to do everything in one sketch and its really confusing. Is there a way to make it a lot easier?

  • @lgdeaglegaming6352
    @lgdeaglegaming6352 4 ปีที่แล้ว

    Will it work with firebase sketch

  • @aleksandrapantic5059
    @aleksandrapantic5059 4 ปีที่แล้ว

    I need a tutorial for white arrow on the folder in git

  • @Ultratermin8or
    @Ultratermin8or 2 ปีที่แล้ว

    I am not able to download the files from P5 to my computer:(

  • @MrThegloc
    @MrThegloc 4 ปีที่แล้ว

    I'm a little sad that Daniel didn't hold up a coding train mask :D

  • @khalidsakka8020
    @khalidsakka8020 4 ปีที่แล้ว

    i followed exactly that but when i went to my link it showed the readme.md file.
    i do have my files in root and my html file is named index.html.
    can you please explain why this happens?

    • @kenjiokura7601
      @kenjiokura7601 4 ปีที่แล้ว

      I'm not sure why but, if the readme file is being displayed it most likely means that it can't find the index.html file. I think I could think of is that your index.html is not in the root file? But it sounds like you do.

    • @khalidsakka8020
      @khalidsakka8020 4 ปีที่แล้ว +1

      @@kenjiokura7601 it worked a couple of hours later I still don't know how or why.

    • @kenjiokura7601
      @kenjiokura7601 4 ปีที่แล้ว +1

      @@khalidsakka8020 Glad it works, hopefully it stays that way. It does take a few seconds once you commit (save) changes for it to update to GitHub pages.

  • @m.b786
    @m.b786 4 ปีที่แล้ว

    i trying to make a bundle VueJS 3 on github page ... i working on it :)

  • @m.b786
    @m.b786 4 ปีที่แล้ว

    and now my git submodules update ... throw error ... cannot find origin/master ( default value XD)

  • @thebeast77tb77
    @thebeast77tb77 3 ปีที่แล้ว +1

    I am not able to acess my site , I have not create any read me files , it shows 404 error and if I have written something in the read me file , after clicking on the link , it shows the same text , I am not able to access my game ? what should I do ?

  • @kylebouwman2068
    @kylebouwman2068 4 ปีที่แล้ว

    This tutorial is already outdated. Github changed the way Pages works. It no longer accepts index.html as the homepage. It now must use index.md, and I am having trouble converting my p5.js project over.
    Edit: Apparently you can get around that issue by selecting a Jekyll theme. However, it looks like GH is blocking my loadImage and loadJSON calls in my sketch.

  • @PankajDoharey
    @PankajDoharey 4 ปีที่แล้ว

    Why dont you use glitch instead of p5 editor, then you can magically go to GitHub from the editor. In fact with glitch you can write both frontend , backend and even terminal commands. This would widen the scope of your videos.

  • @adsoyad2607
    @adsoyad2607 4 ปีที่แล้ว

    it doesn't support node.js servers ):

  • @caveofmovies8597
    @caveofmovies8597 4 ปีที่แล้ว

    i watched already old version from p5 course and now again...

  • @srin_meow
    @srin_meow 4 ปีที่แล้ว +1

    Choo choo

  • @তৌহিদীজনতা
    @তৌহিদীজনতা 4 ปีที่แล้ว +1

    Hey, Why his video doesnot get many views or Likes ? As before 😥

  • @JohnFKenobi
    @JohnFKenobi 3 ปีที่แล้ว

    oh the horror of being on the branch master as opposed to main.

  • @Thunderking7507_YT
    @Thunderking7507_YT 3 ปีที่แล้ว

    This is 8 months in the future since the video was made...

  • @gouravkolhatkar3623
    @gouravkolhatkar3623 4 ปีที่แล้ว +1

    Can we put ads to our GitHub pages ? Peace ✌️

  • @JNCressey
    @JNCressey 4 ปีที่แล้ว

    Having to change the name of the branch every time you create a new repository could cumulatively waste a lot of time.
    If you want your repos all to use 'main' as the default, use `git config --global init.defaultBranch main` to configure git. superuser.com/questions/1419613/change-git-init-default-branch-name/1572156#1572156

  • @КристиянПенев-н4р
    @КристиянПенев-н4р 4 ปีที่แล้ว +1

    hello

  • @sardorbekomonkulov6379
    @sardorbekomonkulov6379 4 ปีที่แล้ว

    "git push origin master -force"

  • @prakashchakraborty6933
    @prakashchakraborty6933 4 ปีที่แล้ว +1

    2nd comment 😁

  • @qwertygmr4521
    @qwertygmr4521 4 ปีที่แล้ว +2

    Thank you very much! I can now host my project: qwertygmr.github.io/PONG-GAME-/

  • @sergeyb6071
    @sergeyb6071 4 ปีที่แล้ว

    very stupid question, but I was wondering could you push to git hub using docker?

  • @rujor
    @rujor 4 ปีที่แล้ว

    That branch name is indecent, and grossly offensive! As if one branch is better than the others!??!? WTF!? All branch names should be **EXACTLY** the same!

  • @ACTIONFORT00
    @ACTIONFORT00 4 ปีที่แล้ว

    hello sir i am from india i watch your video regularly but i didnt under stand

  • @__3093
    @__3093 4 ปีที่แล้ว

    second

  • @andrevaz2453
    @andrevaz2453 4 ปีที่แล้ว

    he seems sad

  • @EEBADUGANIVANJARIAKANKSH
    @EEBADUGANIVANJARIAKANKSH 4 ปีที่แล้ว

    6th comment