Changelog

Front End Icon

Front End

Front End is the programming and layout that people see and interact with.
4 Stories
All Topics

JavaScript Icon github.com

Front End Interview Handbook

Remember the Front-end Job Interview Questions project that we talked to Darcy Clark about way back in the day? Well, this is the answer to that project. Literally. It's answers to the questions. It dubs itself as: almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself, or completely ignore They forgot to mention the other use case: memorizing the answers just in case your interviewer pulls questions directly from this list 😉

read more...
logged by @jerodsanto 2018-02-12T16:24:00.009533Z permalink #front-end #javascript

David Heinemeier Hansson m.signalvnoise.com

Stimulus 1.0: a modest JavaScript framework for the HTML you already have

When you combine the gains of Turbolinks and Stimulus... Turbolinks maintains a persistent process, just like single-page applications do. It intercepts links and loads new pages via Ajax. The server still returns fully-formed HTML documents. This strategy alone can make most actions in most applications feel really fast. For Basecamp, it sped up the page-to-page transition by ~3x. But Turbolinks alone is only half the story. Prior to Stimulus, Basecamp used different styles and patterns to apply "JavaScript sprinkles". Stimulus rolls up the best of those patterns into a modest, small framework revolving around just three main concepts: Controllers, actions, and targets. It’s designed to read as a progressive enhancement when you look at the HTML it’s addressing... You should 💯 read the rest of this post as well as watch this proposition of Turbolinks from Sam Stephenson at RailsConf 2016. ALSO, we're recording a show next week with David Heinemeier Hansson about Stimulus, so send us any questions you have by replying to this email, Slack, or Twitter.

read more...
logged by @adamstac 2018-02-03T06:10:32.195681Z permalink #stimulus #javascript #front-end

bitsofcode Icon bitsofcode

Recreating the GitGub contribution graph with CSS Grid

The best way to learn, is to learn by doing! Ire Aderinokun: While learning CSS Grid Layout, I’ve found that the best way to internalize all the new concepts and terminology is by working on various layouts using them. Recently, I decided to try to recreate the GitHub Contribution graph using CSS Grid Layout, and found it was an interesting challenge. View the working code on CodePen.

read more...
logged by @adamstac 2018-02-02T16:28:00.018467Z permalink #front-end #css
0:00 / 0:00