Git

Git

Engineering the Front with Claudina Sarahe

Jen Simmons's picture by Jen Simmons on

90

Front-end development has changed a lot. What used to be simple text in files is now a deep stack of robust engineering tools. Is this a good change? What advantages do the power tools provide, and what might we be giving up in exchange? Claudina Sarahe joins Jen Simmons to debate.

Thanks to this week's sponsor, Oscar. Check out their website or call them at 1-844-OSCAR-55. And thanks to Mandrill. Use the code 5by5 to receive 50,000 free email sends per month for the first six months. And thanks to CITRIX GoToAssist. Sign up today for a 30-day free trial.

They’re like, ‘Oh my gosh, I don’t know what’s going on, I haven’t kept up with any of it… What is this Grunt and Gulp and Broccoli?’

Show Notes: 

Tools

To get started, make sure you have NodeJS. NPM now comes with Node.

HTML Templating

Claudina hearts Jinja macros.

(Jade, Mustache and Handlebars) are other popular options with similar macro-esque capabilities.

Great packages for FEDs

All of these have a package for consuming via your build tool of choice.

  • SCSS Lint
  • Gulp SCSS Lint package
  • Grunt SCSS Lint package
  • Autoprefixer let the robots take care of vendor prefixes. Powered by CanIUse
  • CSS Tricks article on Autoprefixer
  • Uglify compress your files (YUI Compressor)
  • Clean CSS css minified
  • Sass compile Sass with a build tool
  • gulp-sass and grunt-sass are LibSass versions. You can use NPM or Bower to manage your Sass dependencies.
  • gulp-ruby-sass and grunt-contrib-sass are the Ruby version. You can use Ruby gems, Compass extensions, NPM and/or Bower to manage your dependencies.

Static Site Generators

We mentioned Jekyll, Octopress, Middleman, Wintersmith, Ghost, and HarpJS. This nice collection contains many more with sorting and filtering options.

Misc

List of Contents: 
  • The latest techniques and tools in front-end development
  • The evolution of website-making technology over 20 years
  • When is a more complex tool chain the right choice?
  • How front-end devs share open source code through such tools
  • Gulp, Grunt, Broccoli, Bower, NPM — what they do
  • Sass, Git, GitHub, GitTower, CodeKit, even Blogger… and a whole bunch of other weird words
  • Using the Command line vs. using GUI software tools
  • A discussion of how the tech industry is changing, debating ethics and money
    • Related Episodes: 
    Git with John Albin Wilkins
    Sass with Scott Kellum
    Duration: 
    5 865
    Technology: 
    Git
    Is there a transcript?: 
    Yes Transcript, Yes Comments

    Advanced Git with Tobias Günther

    Jen Simmons's picture by Jen Simmons on

    79

    Git is a powerful tool for helping developers collaborate, organize, and code at their best. But like anything powerful, Git can be confusing and overwhelming. Tobias Günther joins Jen Simmons to explain how to get through the pain points. They talk about branching, team workflows, remote servers, submodules, GUI tools, and more.

    Thanks to Atlassian's BitBucket for sponsoring the show. To learn more about basic Git commands, advanced Git workflows, and Atlassian's tools that support Git, visit atlassian.com/webahead.

    And thanks to Squarespace for supporting the show. Use code JENSENTME for 10% off any purchase.

    I became a better developer by using Git… Git itself, or version control, is not a reason for using it. It has to bring value. That value is, in my opinion, more quality and growing as a developer.

    Show Notes: 
    List of Contents: 
  • Tower, a Git client for Mac
  • GUI vs CLI apps
  • Branching
  • Common Git workflows
  • Getting back to a different state of your files
  • How to handle merge conflicts
  • Remote repositories
  • Deployment mechanisms using Git
    • Related Episodes: 
    Advanced Git with Tobias Günther
    Duration: 
    4 887
    Technology: 
    Git
    Is there a transcript?: 
    Yes Transcript, No Comments
    Subscribe to RSS - Git