Front-End Developer Handbook 2018
Introduction · Front-End Developer Handbook 2018
Sponsored by Frontend Masters, advancing your skills with in-depth, modern front-end engineering courses
This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2018.
It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and head hunters to gain insights into the practice of front-end development.
... read the whole story at frontendmasters.com.Screenshot to code. Aka time to start making retirement plans for front-end devs.
GitHub - emilwallner/Screenshot-to-code-in-Keras: A neural network that transforms a screenshot into a static website
Within three years deep learning will change front-end development. It will increase prototyping speed and lower the barrier for building software.
Currently, the largest barrier to automating front-end development is computing power. However, we can use current deep learning algorithms, along with synthesized training data, to start exploring artificial front-end automation right now.
In the provided models, we’ll teach a neural network how to code a basic HTML and CSS website based on a picture of a design mockup.
We’ll build the neural network in three iterations. Starting with a Hello World version, followed by the main neural network layers, and ending by training it to generalize.
... read the whole story at github.com.The Front-End Checklist
The Front-End Checklist
🗂 The Front-End Checklist Application is perfect for modern websites and meticulous developers!
Why Developers Love Node.js & what's their main issue with it?
Why Developers Love Node.js & what's their main issue with it?
A few months ago we surveyed our readers to gain insights on what Node.js is used for & why developers still love it. Our secondary goal was to figure out what are the most severe problems they face with Node, and what are the most underexplained topics around it - so we could continue writing tutorials that really help moving forward with JavaScript, Microservices & Kubernetes (just like we did it in 2017).
We were also interested in the infrastructural aspect of running Node.js apps in production, so we asked our readers to share where they deploy their services, what are their preferred front-end technologies, what kind of databases they use and which flavor of JavaScript they prefer.
... read the whole story at blog.risingstack.com.I'm learning all about "Serverless" 🏄🏽♂️🙅♂️ So naturally I made a website to explain what I know so far.
The Power of Serverless
It's kind of a phenomenon. Let's get one thing out of the way: it still involves servers, so that word serverless might feel a bit disingenuous. It's actually a new way to pay for and work with servers that, in many cases, is cheaper and easier than buying and managing your own servers.
Web developers of all kinds can take advantage of it, but this site is particularly interested in how it relates to and helps front-end web developers. Here's one way to think about it: you can take your front-end skills and do things that typically only a back-end can do. You can write a JavaScript function that you run and receive a response from by hitting a URL. That's sometimes also called
... read the whole story at thepowerofserverless.info.When I was a 17 year old noob, going to technical college in my home town, I was introduced to a browser called Firebird, which would later be renamed Firefox. I was immediately drawn to this new browser; Firebird was fresh, exuded excitement, but most of all, provided a few developer tools that made learning front-end development easier and more enjoyable. It was then that I knew I need to make it to Mozilla one day.
It took me a decade to get to Mozilla and I couldn't have been more excited, proud, and scared. In my almost six years at Mozilla I've worked on and contributed to a dozen exciting projects, from MDN to Firefox OS to WebVR to the ServiceWorker Cookbook and so on...but I never forgot what made me love that early browser so much, which makes announcing the following so emotional for me:
... read the whole story at davidwalsh.name.A look back at frontend engineering in 2017
A recap of front-end development in 2017 – gitconnected
Front-end engineering once again evolved at a feverish pace in 2017. Here is a list of the most notable events of the past year.
React continues to dominate the front-end landscape, and 2017 provided one of the most anticipated releases yet with version 16. It includes the fiber architecture which enables asynchronous UI rendering. This release also makes it much easier to manage unexpected application failures by providing error boundaries along with many other features.
Surprisingly, the most important improvement to React this past year wasn’t the new features, but the change to its open source license. Facebook shed its BSD license that was causing companies to move away from React and adopted the
... read the whole story at levelup.gitconnected.com.A recap of front-end development in 2017 – gitconnected
A recap of front-end development in 2017 – gitconnected
283
100+
7
3
28
details
Share on
Facebook,
Twitter or
Google+
Front-end engineering once again evolved at a feverish pace in 2017. Here is a list of the most notable events of the past year.
React continues to dominate the front-end landscape, and 2017 provided one of the most anticipated releases yet with version 16. It includes the fiber architecture which enables asynchronous UI rendering. This release also makes it much easier to manage unexpected application failures by providing error boundaries along with many other features.
Surprisingly, the most important improvement to React this past year wasn’t the new features, but the change to its open source license. Facebook shed its BSD license that was causing companies to move away from React and adopted the
... read the whole story at levelup.gitconnected.com.Front-End Developer Handbook
Front-end Developer Handbook 2017 · GitBook
1398
4
126
100
808
details
Share on
Facebook,
Twitter or
Google+
Written by Cody Lindley sponsored by — Frontend Masters
This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2017.
It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and head hunters to gain insights into the practice of front-end development.
... read the whole story at www.gitbook.com.The Front-End Performance Challenge: Make Your Site Blazingly Fast And Win Some Smashing Prizes
The Front-End Performance Challenge: Make Your Site Blazingly Fast And Win Some Smashing Prizes – Smashing Magazine
Not too long ago, front-end performance was a mere afterthought. Something that was postponed to the end of a project and that didn’t go much beyond minification, asset optimization, and maybe a few adjustments on the server’s config
file. But things have changed. We have become more conscious of the impact performance has on the user experience, and the tools and techniques that help us cater for snappy experiences have improved and are widely supported now as well.
Time to roll up your sleeves and make use of these possibilities! A while ago, we challenged your coding skills in the CSS Grid Challenge
... read the whole story at www.smashingmagazine.com.Getting Nowhere on Job Titles
Getting Nowhere on Job Titles
Last week on ShopTalk, Dave and I spoke with Mandy Michael and Lara Schenck. Mandy had just written the intentionally provocative "Is there any value in people who cannot write JavaScript?" which guided our conversation. Lara is deeply interested in this subject as well, as someone who is a job seeking web worker, but places herself on the spectrum as a non-unicorn.
Part of that discussion was about job titles. If there was a ubiquitously accepted and used job title that meant you were specifically skilled at HTML and CSS, and there was a market for that job title, there probably wouldn't be any problem at all. There isn't though. "Web developer" is too vague. "Front-end developer" maybe used to mean that, but has been largely co-opted by JavaScript.
... read the whole story at css-tricks.com.The death of “front-end developers”
The death of “front-end developers” – Jerry Low – Medium
I tried to illustrate some of the issues I remember, from wrong font sizes to spacing to alignment. There was a lot more issues, but you get the point. To the developer this was fine because he was more concerned about the functionality and JS behind this and visually he believed it was “close enough”. Unfortunately, for this client (and any client IMO) would equally care for the aesthetics. This individual was extremely talented in JS builds and development but visuals and CSS weren’t his strength. On the flip side, I also worked with individuals who are truly amazing CSS developers but aren’t heavily invested in deep JS work.
... read the whole story at medium.com.How to Run a Front-End Infrastructure Team
How to Run a Front-End Infrastructure Team
Over the past years, AdRoll has grown from a humble startup built around a single feature to a global marketing platform with a diverse suite of products. Along with the growth of the company, we have put a lot of work into building a solid infrastructure for user interface development. In this post, we talk about the human aspects of front-end projects that are shared between multiple engineering teams.
Every web application at AdRoll relies on multiple layers of front-end infrastructureOur current front-end infrastructure consists of UI components, a UX pattern library and various JavaScript packages for internationalization (i18n), analytics and A/B testing. We consider all these projects “internally open sourced”. This means we encourage our engineers to use contributions to these projects as a way of sharing their knowledge across team boundaries. Ultimately, we believe
... read the whole story at tech.adroll.com.JavaScript really is overtaking the world
JavaScript really is overtaking the world – FED || Dead – Medium
According to various sources, including the Stack Overflow Developer Survey 2017, JavaScript is the most commonly used programming language on Earth and I do love it, I actually tweeted this a while back:
But this article isn’t about how much I love JavaScript, nope, it’s about how much it’s saturating the front end development space and worryingly becoming the be–all and end–all of front end development.
Let’s recap, the three front end technologies are:
- HTML
- CSS
- JavaScript
However, it seems nowadays that most front end developers, and people looking to hire them, are only caring about the big “J”, plus one of the big JavaScript frameworks/libraries, well let’s just say
... read the whole story at medium.com.JavaScript Fatigue or My History with Web Development
JavaScript Fatigue or My History with Web Development
88
100+
4
4
1
9
details
Share on
Facebook,
Twitter or
Google+
I’ve only been a full time web developer for the past 5 years. It’s barely enough time to start calling myself a “senior” Software Engineer. In that short period of time the web technology stack has evolved tremendously.
January 2012 – jQueryIn early 2012 I was finishing up my master’s degree and got a job at my friend’s start up called DigiSpoke, hoping to learn some Java. It was a SaaS product with a complex UI, so I ended up working mostly on the Front End instead.
I quickly realized that building our Front End with just jQuery was error-prone. I saw that people were using Backbone and Angular 1 was an up and coming framework. I tried to encourage our team to adopt Angular, but we decided against it, since “it would take too long to rewrite everything”.
... read the whole story at www.alexkras.com.Embracing Node.js & Universal JavaScript to power the customer experience
Embracing Node.js & Universal JavaScript to power the customer experience
Having worked with C# for at least half my career (and later a Java stack), I initially looked down on JavaScript. From the perspective of a “server-side engineer”, it was always the ugliest part of any codebase - good for enhancing web applications with AJAX calls and other client-side magic, but not for powering core functionality.
Node changed everything, not just from a technical standpoint, but how we work together to reach the customer.
Most of us have worked in software development teams where engineers were exclusively server-side or client-side in focus, or ‘T-shaped’ - with some involvement in both.
... read the whole story at medium.com.How to Migrate from AngularJS to Vue
How to Migrate from AngularJS to Vue – Nicolas Payot – Medium
Our front-end application at Dawex (a marketplace for monetizing and acquiring data) is a Single-Page App powered with AngularJS. First lines of code were written during summer 2015. Back in time, it totally made sense to choose this framework. We had large experience with it and it fairly matched our needs for the platform. Angular (the new one) was only in alpha version. React started to be popular and used among the front-end community but we didn’t have enough feedback with it. And Vue… well, it didn’t yet make its own way. Who knew it would end up with the big players?
Even though our app is developed with an
... read the whole story at medium.com.I don’t care what tools a developer uses. I hire based on fundamentals.
I don’t care what tools a developer uses. I hire based on fundamentals.
183
6
3
269
1
77
details
Share on
Facebook,
Twitter or
Google+
Finding an awesome developer requires that you are clear on what you’re looking for. Do you want a full-stack or a front end / back end person? Do you need specific skills like knowledge of AI, blockchain, or big data?
Unless you have a specific reason, don’t hire technology-specific. Instead, hire based on fundamental knowledge.
Over the years, I’ve interviewed hundreds of developers. One of my biggest learnings is that there can be no assumptions. I’ve interviewed people with a Masters in Computer Science who had trouble writing a for-loop that iterated through an array.
So the first rule is to hire people who (preferably) have fundamental knowledge, coding experience, and a willingness to constantly learn new languages and skills.
... read the whole story at medium.freecodecamp.com.The JavaScript phenomenon is a mass psychosis
The JavaScript phenomenon is a mass psychosis – Hacker Noon
As most people well know, all programming languages have their faults. Some have more than others. However, JavaScript is especially bad. That’s why you can find so many complaints about JavaScript on the web. One of the most amazing and distressing things about JavaScript is that it can actually fail silently at runtime due to syntactical errors! Another thing is “callback hell” which promises can mitigate but are otherwise not a perfect solution. The most notorious of JavaScript’s faults is probably in its weak typing (not to be confused with dynamic typing) which manifests in the profusion of WATs and WTFs that make JavaScript the butt of so many industry jokes. Here is one of the funniest (from a JavaScript proponent, no less!):
... read the whole story at hackernoon.com.Front-End Developer Handbook 2017
Introduction · GitBook
86
100+
5
168
2
90
details
Share on
Facebook,
Twitter or
Google+
Written by Cody Lindley sponsored by — Frontend Masters
This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2017.
It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and head hunters to gain insights into the practice of front-end development.
... read the whole story at frontendmasters.com.HTML5 Responsive Frameworks for Web Developers
HTML5 Responsive Frameworks for Web Developers
In this post we will be discussing about some of the HTML5 Responsive Frameworks for Web Developers. Developers likes HTML5 because of its better interoperability between browsers and that's why it emerged as an important language for cross platform mobile application development. In this post we will be discussing about some of the HTML5 Responsive Frameworks which will assist developers to build responsive web applications.
Bootstrap is the most popular and powerful HTML, CSS and JavaScript Framework for developing responsive, mobile first applications. Bootstrap is an open-source framework for developing responsive, mobile-first websites. It is actually a powerful front-end framework, which includes HTML and CSS based design templates for UI components like buttons, drop-downs, tabs, accordion, etc. For more information about Bootstrap, read
... read the whole story at www.codingdefined.com.Front-End vs Back-End vs Full Stack Development @nice_brad
Front-End vs Back-End vs Full Stack Development – Bradley Nice – Medium
Web development encompasses multiple skill sets, and there are different kinds of careers within the web development space. Three terms often used are “front end,” “back end,” and “full stack.”
In this post we’ll talk about all three and what the their key differences are.
Terms
“Front End” typically refers to the stuff that you actually see on the website in the browser (and is often called “client-side”). This covers how the content is presented including all the little user interface elements like menus and dropdowns and transitions and modals.
“Back End”
Comprehensive List of 2017 Web Developer Conferences
Comprehensive List of 2017 Web Developer Conferences
This list was last updated January 2017. Dates and locations are subject to change. If you have recommendations for conferences to add to the list, leave them in the comment section below! We’ll be continually adding conferences to the list.
January 19–20, 2017 — Budapest, Hungary (Node)
January 20–21, 2017 — Dornbirn, Austria (React)
January 20–21, 2017 — Prato, Italy (Go)
January 27, 2017 — Linz, Austria (JavaScript)
January 27, 2017 — San Diego, CA (Ember)
January 27, 2017 — New York City, NY (Front-end)
January 27–29, 2017 — Kochi, India (Ruby)
February 2–4, 2017 — Cape Town, South Africa (Ruby)
Feb 2–4, 2017 — Miami, FL (PHP)
... read the whole story at medium.com.Keeping up with front end development in 2017
Keeping up with Front-end development
Being a front end developer is not an easy task these days. With the rise of new frameworks and libraries every week it’s not that easy to keep up with all the updates. In my opinion front end developers today need to learn how to utilize the amazing data source called “The Internet” to their advantage.
A lot of people ask me if they should go and learn coding in this or that school, my answer is always the same: “Take the time to learn alone, look for internet courses, read blogs, go to meetups and etc..”.
In my opinion people who can’t learn alone will have really hard time getting a good job, and more importantly getting a second job.
Get Functional in Frontend Development
Get Functional – DaftCode Blog
If you did some front-end development, you’re probably familiar with Object-Oriented Programming, even if you don’t know it. Many JS libraries are exposing classes, which can be instantiated to describe the desired effect, like this:
const waypoint = new Waypoint({
element: document.getElementById('thing'),
handler: () => console.log('You have scrolled to a thing')
})
JavaScript is mostly used in an OO way, but nothing prevents us from using it in a functional way. Let’s see how the two would differ.
But first, a disclaimer: I know FP vs. OOP is a broad, nuanced, and sometimes fuzzy subject. What follows is a slight simplification of a perhaps false dichotomy. Nevertheless, I think that front-end development can benefit greatly from FP influences.
... read the whole story at blog.daftcode.pl.Get Functional in Frontend Development
Get Functional – DaftCode Blog
If you did some front-end development, you’re probably familiar with Object-Oriented Programming, even if you don’t know it. Many JS libraries are exposing classes, which can be instantiated to describe the desired effect, like this:
const waypoint = new Waypoint({
element: document.getElementById('thing'),
handler: () => console.log('You have scrolled to a thing')
})
JavaScript is mostly used in an OO way, but nothing prevents us from using it in a functional way. Let’s see how the two would differ.
But first, a disclaimer: I know FP vs. OOP is a broad, nuanced, and sometimes fuzzy subject. What follows is a slight simplification of a perhaps false dichotomy. Nevertheless, I think that front-end development can benefit greatly from FP influences.
... read the whole story at blog.daftcode.pl.Make Your Pull Requests Visual for Front-End Changes
Make Your Pull Requests Visual for Front-End Changes
If you’re a front-end dev like me, you’ll often find yourself making pull requests that have visual changes. I wanted to share something that I’ve started doing at work that has been helpful in getting my pull requests approved.
The idea is simple, but I will add a few tips and tricks to help you take it to the next level!
The basic idea is to add screenshots and screen recordings for any visual changes. They make the job for the reviewers much easier since they can visually see what’s been changed instantly.
I like to show the before and after visual diffs.
Take a screenshot of the before and after, and add it to your PR like so:
... read the whole story at medium.com.