Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

FRONT-END WEEKLY DIGEST (JANUARY 29 – FEBRUARY 4, 2018)

FRONT-END WEEKLY DIGEST  (JANUARY 29 - FEBRUARY 4, 2018)

Nowadays a web developer can easily build mobile apps without learning native languages like Java, Objective-C or Swift. All you need to know is some HTML, CSS, and JavaScript – and you’re good to go! Learn more about Progressive Web Apps from our recent FED digest. Keep on reading!

icon_v3_web

Web Development

• 8 Things Every Front-End Developer Must Learn
• The increasing nature of frontend complexity
• Automated Browser Testing With The WebDriver API
• A coder’s guide to APIs
• An introduction to Progressive Web Apps
• Progressive Web Apps — The Next Step in Web App Development
• Dark patterns with the HTML 5.2

tag and Chrome for fun and profit

  • Performance:
    • How we made our page-load optimisations even faster
    • A Deep Dive Into the GTmetrix Speed Test Tool
    • PageSpeed How to use webpagetest.org for page load speed testing 
  • Tools:
    • webpack-demos – a collection of simple demos of Webpack.
    • Localer – Automatic detecting missing I18n translations tool.
  • Accessibility:
    • Phone number links and accessibility
    • WCAG 2.1 is a Candidate Recommendation
    • Accessibility Updates: WCAG 2.1

icon_v3_css

CSS

• Let’s make multi-colored icons with SVG symbols and CSS variables
• PostCSS — beyond the Autoprefixer
• One File, Many Options: Using Variable Fonts on the Web
• How to recreate Medium’s article layout with CSS Grid
• How to create a fully responsive navbar with Flexbox
• Bulma: CSS framework you should consider in 2018
• How to use variable fonts in the real world
• CSS Scroll Snap: What Is It? Do We Need It?
• Cheapass Parallax, In about ~6 lines of code.
• Boilerform – a little HTML and CSS boilerplate to take the pain away from working with forms.

icon_v3_js

JavaScript

• React Native — from scratch to App Store
• JS WTF with Math
• A GraphQL Primer: Why We Need A New Kind Of API (Part 1), The Evolution Of API Design (Part 2)
• An Introduction to GraphQL
• JavaScript: What’s new in ECMAScript 2018 (ES2018)?
• How JavaScript works: The building blocks of Web Workers + 5 cases when you should use them
• Debugging JavaScript With A Real Debugger You Did Not Know You Already Have
• Why would you NOT use TypeScript?
• 25 Days of ReasonML
• EasyTimer.js – Easy to use Timer/Chronometer/Countdown library compatible with AMD and NodeJS.

  • VueJS:
    • Jargon-Free Webpack Intro For VueJS Users
    • Efficient Code Analyzing and Formatting (for Vue.js) with ESLint and Prettier
    • 10 things I love about Vue
  • React:
    • The Beginner’s Guide to React
    • Rock Solid React.js Foundations: A Beginner’s Guide
    • Nested routes with React Router v4
    • Build an Image Slider Using React, Superagent and the Instagram API
    • Conditional Rendering in React using Ternaries and Logical AND
    • Making SVG icon libraries for React apps
    • A quick guide to Redux for beginners
    • ReasonReact: Functional Programming For JavaScript Developers
  • Angular:
    • Angular 5 — creating new component
    • Angular Providers: How to inject 3rd party library?


This post first appeared on Web Design And Development Blog | Zfort Group, please read the originial post: here

Share the post

FRONT-END WEEKLY DIGEST (JANUARY 29 – FEBRUARY 4, 2018)

×

Subscribe to Web Design And Development Blog | Zfort Group

Get updates delivered right to your inbox!

Thank you for your subscription

×