Nebraska.Code() Sessions tagged javascript

Fundamentals of React + Redux Workshop

Bring your laptop to this all-day React workshop! Topics will include: Build Tools, React Basics, Redux, Routing, Forms and Validation, Custom Components

Together, through a series of short lessons and code-heavy labs, we will build a running application with React and Redux. You will leave with a working understanding of how to use React in your own applications, as well as working code to leverage as a helpful future resource.

This one day workshop is led by Object Partners consultants that have been building JavaScript applications for a number of years and love working with the latest and greatest front-end frameworks like React, Redux, ES6, and Webpack to deliver solutions for clients across many industries here in the midwest and beyond.

Speakers

Scott Bock

Scott Bock

Senior Software Consultant, Object Partners
Derek Eskens

Derek Eskens

Senior Consultant, Object Partners
Mike Hostetler

Mike Hostetler

Principal Consultant, Object Partners, Inc
Sean Lomax

Sean Lomax

Senior Consultant, Object Partners, Inc
Jeff Sheets

Jeff Sheets

Director of Technology, Object Partners

React+Redux Live Code: Two Player Board Game

React is a powerful rendering tool capable of quickly producing complex user interfaces. To demonstrate that, we will have a bit of fun by creating a configurable 2-player game of “N in a Row” using React and Redux. The goal of the talk will be to demonstrate React’s speed and ease of use, but also to provide exposure to all the basic building blocks of a typical React application at a small scale.

The starting boilerplate will be available online, and attendees are encouraged to follow along!

Speaker

Justin Perinovic

Justin Perinovic

Principal Technologist, Object Partners, Inc.

Bot chat: Creating your first Slack bot

Learn how to create a bot for Slack, the cloud-based team collaboration tool. In this session, we'll develop a JavaScript-based bot for Slack and show how to integrate it into your Slack team.

Speaker

Brice McIver

Brice McIver

Software Consultant, Keyhole Software

Why you should use React Native for your next mobile app

Whether you’re a seasoned React.js developer or not, this talk will show how React Native should be a serious contender for writing your next mobile application.

Starting with a basic overview of its tools and ecosystem we will discuss the awesomely well designed development experience of React Native (NO constant recompiling, Chrome-like dev tools, LIVE RELOADING!!!). We will the show how simple it is to get started by reusing components from your React web apps before finally exploring how companies optimize React to scale for large applications.

Speaker

Gwendolyn Faraday

Gwendolyn Faraday

Developer, Consultant, Ion Three

Programming Paradigms in JavaScript

To the uninitiated, paradigms can seem daunting, difficult to understand, and even harder to apply. This talk attempts to clear up that confusion and misconception along with giving some practical advice for how different paradigms can be applied in JavaScript.

Beginning with an overview of three common programming paradigms in JavaScript, Object Oriented, Functional, and Imperative (Procedural), this talk will illustrate the differences between all three approaches. After highlighting the possible advantages and disadvantages of each, the talk will conclude with some practical examples of ways to utilize these paradigms in your own code.

Speaker

Gwendolyn Faraday

Gwendolyn Faraday

Developer, Consultant, Ion Three

Write Better JavaScript with TDD

JavaScript has become one of the most popular programming languages. Many of us who have been working with statically typed, OOP-orient languages like C# or Java have started working more and more in JavaScript. But while most of these developers who been using TDD in their previous language come to JavaScript, they often leave this practice behind. And it's understandable why. Developers who are familiar with unit testing in C# or Java can struggle with TDD in JavaScript. The language is different, the tooling is different, and all those cool frameworks that we use to build our applications can add complexity to the situation.

The good news is that unit testing your JavaScript is easy, and most frameworks have testability already built in! In this session, you'll see how to make sure your JavaScript is easy to test. You'll learn about the most modern testing tools that help you write tests, even for JavaScript that uses frameworks like jQuery, Angular, and React. And you'll see how TDD can help you start writing better JavaScript.

Speaker

James Bender

James Bender

Product Manager, Infragistics

“JavaScript” is Not a Dirty Word

If you're an ASP.NET Web or Client Side Developer, the name "JavaScript" may induce feelings of dread or even terror. It's weird. It's not type-safe. It appears to be a bit flaky. It's hard to debug. Heck, it isn't even compiled! Besides, I have all these nifty ASP.NET controls that take care of all that for me, right?

Thanks to client side libraries like jQuery, Angular, and others, JavaScript is experiencing a renaissance. It's evolved from that weird browser language you used to use because you had to, to a powerful tool for creating web applications with richly featured client-side user interface. But it doesn't stop there; JavaScript is everywhere from server side code to hybrid mobile applications to IOT devices. If you're a .NET developer who's avoided JavaScript, it's time to jump back into the pool! This session will explain some of the key difference between JavaScript and C#/VB.NET, what the major JavaScript frameworks are and what they do, and show you how to take advantage of the power of JavaScript in your ASP.NET application.

Speaker

James Bender

James Bender

Product Manager, Infragistics

JavaScript Futures: ES2017 and the Road Ahead

Development teams are now using the exciting—and extensive—new JavaScript features available within ES6. Yet, as adoption has spread and projects have adapted, the language continues to evolve and expand. Last year, two features were quietly added to comprise ES2016. In January, another handful of improvements were marked final for the release of ES2017.

One thing is certain: the JavaScript community is not slowing down! Investigate the new and proposed features of JavaScript. Understand the ES.Next maturity stages and the TC39 review process. And most of all, become empowered to prepare for what lies ahead.

Speaker

Jeff Strauss

Jeff Strauss

Problem Solver, Arana Software

Quit wasting time on code

How much time do you spend making sure your code looks and reads well? From configuring eslint, your editors, tabs vs spaces, semicolons, code reviews where your told to add an extra line, etc. Let's be honest, this is all really important and pointless. Let's talk about how we can maintain beautiful code without wasting our time on it.

Speaker

Blaine Kasten

Blaine Kasten

Front End Engineer, Hudl

React and Your .NET Core MVC App

Developing React applications usually mean developing a back end with .NET Core or NodeJS, and then a separate “plain-old” React app. This is great for applications with a “back-end” team and a “front-end” team. But in a LOT of situations, there’s only one team building the application and create a single code base with good separation between the front end and back end can be complicated. I will show you how to take the generated MVC application and integrate React with it in a way that keeps the layers separated, but easily deployable as a single app!

Speaker

Lee Brandt

Lee Brandt

Developer Evangelist, Okta

From JavaScript Mess to Cleaner Code

I've talked to many who complain about JavaScript and don't view it as real development. Web development continues to grow and along with that comes larger JavaScript applications and a never ending flow of new frameworks and tools. Based on my experience this summer with interns (http://geekswithblogs.net/Aligned/archive/2016/08/24/teaching-javascript.aspx) and over the last years of working on a large JavaScript driven application, I've learned that JavaScript code can be readable and maintainable using methodologies that we've adopted in C#, Java etc. SOLID principles, good naming practices and Object Orientated can all be used to create JavaScript applications.

In this talk, I'll start from a jQuery driven UI (grid with filtering) and move through steps to clean up the code. We'll look at OOP, inversion of control approaches, TypeScript, Jasmine (unit testing). Then we'll convert jQuery code into KnockoutJs to see how data-binding tools can help reduce DOM manipulations and simplify code. If there's time we'll touch on RequireJs (module loading) and show the same solution in Aurelia (a framework that does even more for us).

This is a tall order for an hour, so we'll have to move quickly through the code changes, but I think you'll see the benefits of treating JavaScript like a real language.

Read about this approach starting at the introduction article on my blog at aligneddev.net.

Speaker

Kevin Logan

Kevin Logan

Software Engineer, Omnitech Inc.

Using Webpack to Streamline Modern Web Application Packaging and Deployment

This session will demonstrate how the new WebPack module bundler (https://webpack.github.io/) offers a great solution for bundling modern web content and serving up efficiently from the server.

We will demonstrate how to get started with WebPack within the context of a modern web application and how to configure it efficiently to bundle and serve any content you need efficiently and “on demand”. This allows developers to efficiently organize their content together and easily have it sent to the server as needed by a particular area of the application.

We will demonstrate how to configure Visual Studio to efficiently work with WebPack and discuss best practices for utilizing it with modern frameworks such as Angular2 or React. Attendees will also be pointed at a number of great resources to help them better understand and utilize WebPack in their own projects.

Speaker

Kevin Grossnicklaus

Kevin Grossnicklaus

President, ArchitectNow

Angular vs. React: A live demonstration, comparison, and discussion

Are you thinking of bending to peer pressure and diving head-first into learning Angular? Are your "other" friends telling you React is the framework you should choose?

This session will provide developers with a quick introduction to both React and Angular 2. We will provide a demonstration of a basic application written in both frameworks. This will give attendees a great, side-by-side comparison to see similar concepts implemented in both. Both application will support a similar build/development process and will utilize TypeScript as the implementation language.

Finally we will share information on what type of tools support you can expect with either framework, what their respective communities look like, and what the impact of choosing either one might be.

Just a warning to the curious...you may not find as many differences between these frameworks as you think.

Speaker

Kevin Grossnicklaus

Kevin Grossnicklaus

President, ArchitectNow

Front-end Web Development with Angular2 and TypeScript

The all-day session will walk developers through the setup and development of a powerful web application built on some of the most modern web tools and technologies available including TypeScript and Angular2. At the end of the session all attendees will have had the opportunity to utilize a wide number of modern web-development tools and technologies to set up a complete application.

This session will be very fast paced and all attendees will be encouraged to follow along as the instructor demonstrates every aspect of:

  • Setting up a new web solution and configuring all necessary package and module management tools (we will focus on NPM and Angular CLI)
  • Configuring you development environment with the right plug-ins and extensions to optimize the development process
  • Setting up a robust project structure to manage all assets and code
  • Utilizing TypeScript to build a rich and manageable client-side application using the Object Oriented constructs and patterns you are familiar with from other languages such as C#
  • Integrating your Angular application with a server-side API
  • Setting up an Angular application and designing a robust UI built around Angular2 components.
  • Utilizing the Angular syntax and directives for building robust HTML applications
  • Working with Angular routing to build an efficient means of navigation between pages
  • Utilizing RxJS and Observables to work asynchronously and easily communicate back to the server’s API
  • Debugging and testing a component-based Angular application

Requirements for attendees:

Have a laptop with either Visual Studio 2015/17, Web Storm, or Visual Studio Code.
Have Google Chrome included on the laptop. Be highly proficient in C# and JavaScript and be very familiar with current Microsoft web development technologies such as ASP.NET WebForms or MVC. Have the ability to work quickly and absorb the presented information while working through the setup on their own laptop Beyond a development environment and Google Chrome, attendees will be asked to install additional tools and extensions into their development environment throughout the session.

All sample code and resources for this session will be shared via a GitHub repository at the start of the session.

Speaker

Kevin Grossnicklaus

Kevin Grossnicklaus

President, ArchitectNow

Heat Up Your EmberJS App with Firebase

Ember is a popular javascript framework with a powerful data management library called Ember Data. Firebase is a suite of cloud tools by Google, including a realtime database that makes data synchronization very easy. Ember also has a library called EmberFire, which makes it easy to add Firebase support to an Ember application!

In this presentation, the audience will learn about Ember's data model to provide a context to how data from Firebase will be managed in the client. Then, a quick overview of the Firebase Realtime Database dashboard. The presentation will conclude with a review of an actual Ember Firebase application, likely a simple online multiplayer game, to illustrate how effective this arrangement can be!

Speaker

Sean Lomax

Sean Lomax

Senior Consultant, Object Partners, Inc