How to set up a local coding workflow for web development

Поділитися
Вставка
  • Опубліковано 9 січ 2025

КОМЕНТАРІ • 67

  • @compteprivefr
    @compteprivefr 8 років тому +17

    This is gold because I'm realizing that people who go through codecademy and almost all the other resources think that now that they've learned HTML/CSS/JS/jquery they can now be a web developer. But truth is once you have learned all that you need to learn Bootstrap, Sass, (and probably one or two more frameworks and preprocessors) and they then have to know about linting, minifying, concatenating and how to automate these tasks in a build system like gulp while working from the command line - so that's the main reality check you get after working through online "learn to code" resources.

    • @rajukhatri2864
      @rajukhatri2864 6 років тому

      Compte Prive Many thanks for putting these into words

  • @smantikov
    @smantikov 9 років тому +1

    I've got no idea what you are talking about but still enjoy listening to you. Miss your league videos.
    From Russia with Love

  • @kuhmich
    @kuhmich 8 років тому +1

    Exactly the kind of tutorial I was looking for. Thx!

  • @blob_cancel_aftercast
    @blob_cancel_aftercast 9 років тому

    Even though I started watching you for league, I'm still a sub because I loved your videos so much.

  • @crazedgiraffe8223
    @crazedgiraffe8223 9 років тому

    Thanks a lot, really appreciate the video. Stuff like this is really useful for those starting at zero.

  • @mayurjoshi952
    @mayurjoshi952 7 років тому

    Thanks for the video man! I experienced the same thing, I was about 1 year down in development and never tried out these stuffs! Haha

  • @pnisrnkl
    @pnisrnkl 8 років тому

    I watched this video once and tried to get back to it. Since I remembered installing atom, github desktop, gulp, I first tried
    searching UA-cam for those keywords and "web development." When that didn't work, I resorted to scouring my "histories."
    It took me about 10 minutes going through my endless UA-cam history and eventually my browser history to finally find it.
    Anyway, what I'm trying to say is I think you should add some keywords to this video and more people might find your video. I know I found it helpful and tried to get back to it almost unsuccessfully. I might not be the only one.

  • @zachyusuf5281
    @zachyusuf5281 7 років тому

    Hello,
    I'm petty sure I've set up all the tools properly, including atom, github, gulp and zsh (although, getting zsh on Windows was a challenging and interesting process) . I've been able to verify the features are installed, but I'm now stuck at getting my web starter kit up and running. I can't seem to get my system to install the npm dependencies from the website and get the local web page up and running!
    Help!!

  • @MrsCookiieBoots
    @MrsCookiieBoots 7 років тому

    Does anyone know where I could find that wallpaper he uses at 11:53?

  • @Amminidab
    @Amminidab 9 років тому

    Hi, Colby. Good to see you again.

  • @nightexd
    @nightexd 9 років тому

    Awesome! Now I can watch you doing my research. ;)

  • @mayurjoshi952
    @mayurjoshi952 7 років тому

    I am getting an error before the final step when you write "gulp" in zsh. I get an error "zsh: command not found: gulp" . Help!

  • @MoT-MasterOfThings
    @MoT-MasterOfThings 7 років тому

    Very helpful, thanks for yr video

  • @mattybcool
    @mattybcool 7 років тому

    Great video. Exactly whats needed without a bunch of fluff. There are a million and a half tools out there for developers and almost everyone trying to teach either can't speak english or has the charisma of a dry fart. Keep it up Chizzle.

  • @MrKoolcrap
    @MrKoolcrap 9 років тому

    having problems installing this on windows? what's the difference between this and something live visual studio?

  • @QUEENHARMONY21
    @QUEENHARMONY21 8 років тому

    OMGosh! Thanks so much for this video!

  • @angelmontes7808
    @angelmontes7808 8 років тому

    hi I'm trying to install zsh and it so confused. I ended up downloading cygwin and it's 6-7 hour download and install and still nothing happened. Then I ran into bash on windows and it's a whole other shell. How do I install zsh?

  • @danielji4627
    @danielji4627 6 років тому

    Thanks for the great stuff!

  • @sharkjeremylu
    @sharkjeremylu 9 років тому

    Far from my major but still nice video man . Always supports u

  • @JonesCrimson
    @JonesCrimson 7 років тому

    I find your tutorial works exceptionally well at 1.25x speed.

    • @colbycheeze
      @colbycheeze  7 років тому +1

      That's funny, I watch most tutorials at 1.25-1.5x speed also :P Same with podcasts etc.

  • @draakisback
    @draakisback 8 років тому

    I like atom but I use brackets for web development, vs code for .net development and eclipse for Android development. atom I use for python, Ruby, elm, Haskell etc.

  • @brooped
    @brooped 9 років тому

    If you're just starting out, you should just create a simple html file and link that to another simple css file, and there's all the local stuff that you need to get a website up locally. None of the stuff you talk about is actually NEEDED, it's just for convenience and efficiency. You seem to imply that you actually need all that, which gives a false picture to all the newbies. Though all the stuff you mentioned is awesome, it's certainly not necessary for learning locally.

    • @colbycheeze
      @colbycheeze  9 років тому +4

      +brooped Yea I guess if your goal was to just figure out how pages work and what not. I could never stand to do any of that because I liked seeing changes automatically in the web based editors like codepen etc. I hope a new coder won't see this video and get discouraged by the complexity, but rather feel empowered to know that they can use the complexity without having to understand every part of it. Probably no right answer that applies to everyone, but this is also a video I've been showing to co-workers who just want to set up a basic workflow for projects in general lol.

    • @brooped
      @brooped 9 років тому

      ***** Right, definitely if you're actually supposed to work on this stuff then you should get a workflow such as this up and running, but if you're just getting started then it might be best to first understand how the files relate to each other etc. But definitely get your point, though.

  • @Nerd2k7
    @Nerd2k7 9 років тому

    Wohooo he is back

  • @mistageeza3
    @mistageeza3 9 років тому +2

    nice build

  • @janmichaelragasajo3690
    @janmichaelragasajo3690 8 років тому

    Nice one! *Thumbsup

  • @imr4npat3l
    @imr4npat3l 9 років тому

    mannnn i really miss you as a path of exile player

    • @colbycheeze
      @colbycheeze  9 років тому

      +Imran Patel I miss chatting with all of the viewers!

  • @sytherpka
    @sytherpka 9 років тому

    used to love watching your league vids :)

  • @x0rZ15t
    @x0rZ15t 9 років тому

    I'll try to be as brief as possible (flash of an underwear), nearly spilled my tea on the keyboard :D

  • @cpakken
    @cpakken 8 років тому

    Why use gulp and not grunt?

    • @colbycheeze
      @colbycheeze  8 років тому +1

      +Chris Kwong You could use Grunt, but I wouldn't recommend it these days. The modern way to set up apps is with Gulp and things are even moving over to webpack with the growing popularity of React.

  • @Grumpah
    @Grumpah 8 років тому +2

    Has the CheeZe gone stale? :(

  • @sashisasj3850
    @sashisasj3850 9 років тому

    why not use visual studio

    • @colbycheeze
      @colbycheeze  9 років тому

      +Sashi Sasj This is how you would set up a workflow for web development. Visual Studio might be useful if you were doing some .NET or some other native windows programming.

    • @moofymoo
      @moofymoo 9 років тому

      +Sashi Sasj why not use frontpage?

    • @chanpod
      @chanpod 9 років тому

      +Colby CheeZe Visual Studio code is a new light weight web development tool. It's similar to atom (but doesn't have extensions yet...come on MS. But they're "coming soon"). I've been using it for a while. I like it. I should probably use atom though XD

    • @johnb1391
      @johnb1391 8 років тому

      Visual Studio (NOT Visual Studio Code) is an IDE (Integrated Developer Environment). Atom, the program recommended in this video, is a text editor. For HTML, CSS, and JavaScript files you don't need a full on IDE. When it comes to debugging, you can use your browser's inspect element feature (and you should be doing that!). IDEs are useful when you are making stand-alone programs. So if you're creating a calculator application that isn't run through a website, you'd be far better off using an IDE since that will help with debugging. If you *are* making a calculator in the browser, then a text editor is fine. You won't be in trouble or get hurt using an IDE for simple text files like HTML, CSS, or JavaScript files, it's just a matter of it being overkill. Plus if you've got a slower computer (e.g. less RAM), a full-on IDE will take a lot longer to load up than a simple text editor will.

  • @_Billa_007
    @_Billa_007 6 років тому

    What happened to my eyes? 4:53

  • @abhishtagatya
    @abhishtagatya 8 років тому

    you man love you

  • @penthious1
    @penthious1 9 років тому

    Hey colby! Its tomas from work i lost your number and i dont ever see you on skype. I wanted to catch up with you and see where you are now and talk to you about where i am now!

    • @colbycheeze
      @colbycheeze  9 років тому

      I sent you a text, but you can just add me on Facebook (colbycheeze)

    • @XxNecroDragonxX
      @XxNecroDragonxX 9 років тому

      +Colby CheeZe Where do you work?

    • @colbycheeze
      @colbycheeze  9 років тому

      +Necro Dragon I work at IBM Design in Austin.

    • @XxNecroDragonxX
      @XxNecroDragonxX 9 років тому

      +Colby CheeZe Oo awesome, I am a Junior in High School currently and I am interning for a Fortune 200 company in an IT position, thanks for this video. Do you have any advice for me since im so young?

    • @colbycheeze
      @colbycheeze  9 років тому

      Necro Dragon The best thing for young people is to be okay with taking big risks. You have little to lose. Work your ass off, try new things, read a shit load of books, and take chances on life.
      The rest will fall into place IMO. Also, check out the book, "So Good They Can't Ignore You"

  • @HazzaGFX
    @HazzaGFX 8 років тому +2

    You stole someone else's design for your website.

  • @ouzokiller1
    @ouzokiller1 9 років тому +3

    youre alive?

    • @colbycheeze
      @colbycheeze  9 років тому +7

      +ouzokiller Haha yea, it's been a bit. I've just finished a pretty big crunch time the past 3 months but now I'm available to double down on creating content again.

    • @Belemrys
      @Belemrys 9 років тому

      +Colby CheeZe Welcome back! I myself am starting down the road you did! Doing the Odin Project now :)

    • @steadfastwog3746
      @steadfastwog3746 7 років тому

      glad you're back!

  • @GrimjowJJ
    @GrimjowJJ 9 років тому

    🤓😁

  • @BaneRain
    @BaneRain 9 років тому

    Don't know shit aobut coding. Still, interesting video.

  • @xiangzhou8188
    @xiangzhou8188 8 років тому +2

    this video is so fucking confusing... I swear to god

  • @QUEENHARMONY21
    @QUEENHARMONY21 8 років тому

    I am totally new and I'm lost :). Where am I typing this?
    "git clone github.com/vigetlabs/gulp-starter.git MyApp
    cd MyApp
    npm install
    npm run gulp?

    • @0x300
      @0x300 8 років тому

      +HARMONY LING LING Those are commands that you enter into the terminal. If you have a mac it's the terminal app in your applications directory.

  • @DhanrajChandanshive
    @DhanrajChandanshive 7 років тому

    This is the first video that i liked to press dislike.

  • @PixelHDD
    @PixelHDD 7 років тому

    useless....