Egghead Instructor Tim Kindberg

Tim Kindberg

Tim Kindberg is a developer striving to master all that is Front End related with focused experience in React and Angular. Tim also has a background in Graphic Design, UI/UX Design, Animation and eLearning. He works at Kroger Technology on the Products team using modern web tech to redefine the grocery world. He's also a contributor to open source in his limited free time.



Unlock all of Tim's PRO Lessons
click for instant access!

Browse Tim Kindberg's lessons.

showing 8 lessons...

Riot JS - Repeating Elements with Each Attribute

Riot JS - Scoped CSS and Toggled Classes

P

Riot JS - DOM Events

P

Riot JS - Tag Life Cycle Hooks

P

Riot JS - Tag Options

Riot JS - Getting Started with this React-like micro-library

ui-router: Abstract States

P

ui-router: Activating States

js tutorial about Riot JS - Repeating Elements with Each Attribute

Riot JS - Repeating Elements with Each Attribute

4:01 js

It's easy to repeat over a collection and render many elements. Riot works very similar to Angular and has various syntaxes for it's each attribute. We'll look at the typical syntax for arrays, a shortened syntax, and an object key/value syntax.

js tutorial about Riot JS - Scoped CSS and Toggled Classes

Riot JS - Scoped CSS and Toggled Classes

2:41 js PRO

Riot takes a 'keep your styles close' approach with custom tags. You are encouraged to place your styles for a tags element right inline with the html and javascript. Learn how riot parses the inline styles as well as ways to keep your styles from bleeding out to the rest of your app. Scoped styles provide great isolation for your custom tag. Use the class attribute's special binding syntax to easily add and remove a class based on an expression.

js tutorial about Riot JS - DOM Events

Riot JS - DOM Events

2:49 js PRO

Riot can listen for raw dom events on any element by adding the on* attribute to elements and referencing an event handler. Let's walk through a couple examples.

js tutorial about Riot JS - Tag Life Cycle Hooks

Riot JS - Tag Life Cycle Hooks

2:48 js PRO

Every tag in Riot has a lifecycle. I'll explore the three hooks: mount, update, and unmount while adding an animation feature for an existing tag. Lifecycle hooks are important for setting up, tearing down, and keeping a tag's view up to date after external logic is run.

js tutorial about Riot JS - Tag Options

Riot JS - Tag Options

2:20 js

Tag Options allow you to abstract your custom tag elements into reusable objects by allowing the tag-user to specify the dynamic parameters of their component.

js tutorial about Riot JS - Getting Started with this React-like micro-library

Riot JS - Getting Started with this React-like micro-library

2:43 js

Getting started with Riot JS. We'll discuss riot's compile and mount process and build a small hello world component with simple data-binding.

angularjs tutorial about ui-router: Abstract States

ui-router: Abstract States

3:17 angularjs PRO

ui-router has the powerful ability to define abstract states, or states that can't be navigated to, but are useful for defining a set of states with shared properties.

angularjs tutorial about ui-router: Activating States

ui-router: Activating States

4:04 angularjs

The ui-router library for AngularJS provides several options for navigating between states in your application. You can navigate via the browser's URL bar, programatically with $state.go, and with the ui-sref directive on your HTML elements.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?