Sergey Sokurenko Sharing interesting stuff here

Best Chrome extensions

For front-end web developers

ssokurenko 2017-02-25

The most useful Chrome extensions for the front-end web development workflow:

  • Web Developer - Adds a toolbar button with various web developer tools.
  • Augury - Tools for debugging and profiling Angular 2.0 applications.
  • Postman - A powerful GUI platform to make your API development faster & easier, from building API requests through testing, documentation and sharing.
  • Responsive Web Design Tester - Quick and easy way to test responsive websites.
  • ColorPick Eyedropper - Allows to select color values from web pages.
  • CSSViewer - A convenient CSS properties viewer.
  • Ghostery - Detects trackers, pixels and any other embedded snippets.
  • Wappalyzer - A utility that uncovers the technologies used on websites, CMSs, frameworks, trackers, etc…
  • JSONView - Formatting and validation for JSON files.

Best E-Learning Resources

Courses for IT professionals

ssokurenko 2017-01-07

The Internet offers unlimited opportunities for education and professional self-development for IT professionals.

Here I’ve collected the most valuable resources for online eduction.

E-Learning platforms:

Front-end:

Angular:

NG-Poland 2016

Videos from the conference

ssokurenko 2016-12-28

This november I visited NG-Poland 2016 conference in Warsaw. The event was really well organized and interesting topics selected. Unfortunately Todd Motto was not there, but still there were lots of interesting presenters and topics.

Thanks to the organizers team, videos of some presentations already available on Youtube. Hopefully there will be more, especially hilarious and informative presentation by Shai Reznik.

Here I’ve selected the most interesting ones:

Material Design

The most useful resources

ssokurenko 2016-12-10

So called Material Design is a design framework developed and maintained by Google. It describes UI/UX principles and graphical design recommendations for mobile and web apps. Combines the classic principles of successful design along with innovation and technology. Here you can find a collection of useful and really helpful resources on the topic.

Official Google’s Guidelines

material.google.com

Material palette

An interactive web app for picking recommended Material Design colors and their matches.

materialpalette.com

Materialup

Showcase of best practices about MD, inspirational examples of MD usage and downloadable MD assets.

material.uplabs.com

Material Design icons

Interactive reference with official MD icons.

material.io/icons

Material UI

Lots of useful tools and assets.

www.materialui.co

Materialize CSS

An outstanding CSS framework which implements MD.

materializecss.com

Angular Material

UI Component framework for Angular JS.

material.angularjs.org

Jekyll themes

Meet new themes for Jekyll

ssokurenko 2016-12-08

Jekyll is a static web-site generator powered by Ruby. Eventually you create your content in human friendly formant (YML) and Jekyll generates HTML for the website. You don’t need to use a database, easy to maintain the content and this is extremely secure, since your content is just commited to a git repository (for example Github).

This is solution works well for small and middle-sized websites, especially personal blogs. And using Github pages you can host such a website for free.

Recently I created two themes for Jekyll, you are welcome to re-use them and/or contribute to the correspondent repositories:

ECMAScript 6

Time to learn and use

ssokurenko 2016-11-25

ECMAScript 6 (or ES6) is based on JavaScript. Used for client-side web apps and for writing server applications and services using Node.js. Actually, it’s an updated and significantly enhanced version of JavaScript.

It includes such new features as constants, block-scope functions and variables, default parameter values, arrow functions, classes, modules and many more.

Unfortunately not all web browsers already support ES6, however it shouldn’t stop you. You can use BABEL to transform ES6 code to classic JavaScript.

Getting started with ES6

The best starting point would be reading the Understanding ECMAScript 6 book by Nicholas C. Zakas. The book is professionally written and full of clear code examples.

Another great resource is ECMAScript 6 — New Features: Overview & Comparison. Well structured code snippets which illustrate the new features of the language, alongside with their anologies written in ECMAScript 5 (old-good JavaScript).

Front-end tools

List of useful utility libraries

ssokurenko 2016-11-19
  • Underscore, Lodash - lots of functions helpers: map, filter, invoke — as well as more specialized goodies: function binding, javascript templating, creating quick indexes, deep equality testing, and so on
  • Voca - ultimate JavaScript library for manipulating strings
  • Postscribe - lets deliver synchronous third-party scripts asynchronously (ads, trackers, etc…)
  • Mobile Detect - device detection (phone, tablet, desktop, mobile grade, os, versions, etc…)
  • Animate.css - a bunch of cool, fun, and cross-browser animations. Great for emphasis, home pages, sliders, etc…

JavaScript Introducion

Understanding basics video

ssokurenko 2016-10-11

I am often asked about what do I do, and as the second question: “What is JavaScript?”.

Well, it is better to watch once, than 10 times to hear about a topic, so I’ve created this video to to explain the basics.

The voice is not mine :) it’s a professional voice-over artist.

Welcome to add your comments on Youtube:

Best web colors

Collection of colors for the front-end

ssokurenko 2016-06-12

Sometimes required to pick some random color for a mockup, or even experiment for a design. I’ve created a web app with a collection of nice web-friendly colors with easy access to their color codes. Welcome to see my picks:

colors.sokurenko.com

Or fork the repo on Github to keep your collection.

To edit the colors, just update the color codes in this JSON file.

ng-conf 2016

Best videos from the conference

ssokurenko 2016-05-04

The conference was awesome

This year ng-conf took place in Salt Lake City, UT. About 700 developers attended the event and numerous well known Angular experts like John Papa, and Justin Schwartzenberger had presentations on the stage. Here I’ve collected the most interesting videos, you can find all of them at the playlist on Youtube. Enjoy!

… and some fun!

Introduction to Docker

A slide deck

ssokurenko 2016-03-25

Recently I held a presentation about Docker to our team and colleagues from other projects. Welcome to see the deck slides and re-use for own purposes: ssokurenko.github.io/docker-intro.

The deck is powered by Reveal.JS.