If you see this message it means the response failed yet you are still able to see the returned data if you go to the Network tab — what’s the idea here? The behavior you are observing is the effect of browsers CORS implementation.
After the success of the CSS Grid course I launched with freeCodeCamp in December (over 14,000 students so far!) I decided to launch a second free course. This time you can learn Flexbox, which has become a must-have skill for front-end developers.
ES2015 (aka ES6) is the current specification of the JavaScript language. If you’re new to JavaScript or haven’t updated your JavaScript knowledge recently, there are a number of new features in ES2015 that make development much better and more enjoyable.
Maybe I should start a series called “Not just a Gist”, as I’m slowly converting gists of mine to blog posts. The last one I converted was all about My Visual Studio Code Setup. Alfred is so awesome, it deserves it’s own section in this post.
It's the moment you've been waiting for! Well, it's the one we've been waiting for, anyway. It's the 4th annual StackShare Awards! ? This is your one-stop resource for developer tools, with a wrap up of what was hot in 2017 and what to be on the lookout for in 2018.
Since the advent of the modern web, performance has been a key consideration when designing a website or a web app. When a website requires no server interaction whatsoever, what is hosted on the web is served to a user as is, this is referred to as a static site.
Writing JavaScript in the Node.js environment has always felt a bit more difficult; probably because browser developer tools have become incredibly powerful, interactive, and visually appealing. Using console.log on the client side isn't the best of experiences and obviously isn't interactive.
Today, I’m excited to introduce a new open-source tool from IBM called CSS Gridish! The goal is to help teams adapt CSS Grid sooner, and to enable more complex layouts. To show how versatile the tool is, here are some example grids from Bootstrap, Carbon Design System, and Material Design.
Template literals make working with strings so much easier than before. They're started with a back tick, and can have variables inserted using ${variable}. Compare these two lines of code: This makes life far simpler and code easier to read.
The comments this post received filled me with joy, expressing such sentiments as “chilling”, “disturbing”, and “utterly terrifying”. (Much like the compliments I receive on the dance floor.) In this follow-up post I’d like to put down the megaphone put forward some practical advice.
In 2016 React cemented its position as king of the Javascript web frameworks. This year saw rapid growth of both its web and native mobile libraries, and a comfortable lead over main rival Angular. But 2016 has been an equally impressive year for Vue.
When I first learned jQuery, a whole new world of programming opened up to me. Before jQuery, I was someone who could "sprinkle" JavaScript into a web page, building custom drop-down menus and image roll-over effects (remember when nav-bar items were images?!).
Between Jan~Dec 2017, we’ve compared nearly 12,000 Node.js articles to pick the Top 50 for this directory. We made this directory, believing that reading articles written by experienced programmers is a great way to learn.
Want to learn to code? There is no better time to start than right now. Below is an illustrated roadmap focussed on how to become a developer in 2018. Don’t let these illustrations scare you. You by no means need to understand everything on this map to become a stellar developer.
In this article we share a collection of interesting books from different programming spheres like web and mobile app development. Some books are very beginner-friendly, others are for more advanced programmers. You can choose the ones you like and check them out.
GraphQL is a language that enables you to provide a complete and understandable description of the data in your API. Furthermore it gives clients the power to ask for exactly what they need and nothing more. The project’s website can be found at http://graphql.org/.
webpack is a brilliant tool for bundling frontend assets. When things start to slow down, though, its batteries-included nature and the ocean of third-party tooling can make it difficult to optimize. Poor performance is the norm and not the exception.
Updated Jan. 21st, 2018: Added AppRun and dva. Keeping up with JavaScript frameworks can be a challenge. There are a lot of them, and seemingly another one every month. How do you know which ones might be right for your project? What are their strengths and weaknesses? How do you get started?
Webfonts are all the rage these days for practically every website. We often use them for page headings as well as body text. But you can also use them for code snippets. Most designers never think about changing the default code text style, but it’s pretty simple with Google Fonts.
Almost any website you visit today is protected by HTTPS. If yours isn’t yet, it should be. Securing your server with HTTPS also means that you can’t send requests to this server from one that isn’t protected by HTTPS.
Zstandard is a real-time compression algorithm, providing high compression ratios. It offers a very wide range of compression / speed trade-off, while being backed by a very fast decoder (see benchmarks below). It also offers a special mode for small data, called dictionary compression, and can create dictionaries from any sample set. Zstandard library is provided as open source software using a BSD license.
How's your year going so far? Are you as productive as you were hoping to be? Folks from the community also shared their best productivity tips — perhaps there's one you'd like to try to help yourself keep your New Year's Resolution? Read a related article →
Meteor is an open source, fullstack javascript platform. This allows you to develop in one language. It has some really cool perks the best of which is; Meteor supported Blaze for its view layers but after Meteor 1.2 it supported other JS frameworks i.e Angular and React.
Today I’m super excited to release Parcel v1.5.0, the largest release since 1.0! Check it out on Github! It has been just under 2 months since Parcel’s initial announcement, and the response has been tremendous.
There are two parts involved in learning this great craftsmanship- Knowledge and Work. Knowledge teaches you the patterns, principles, practices, and heuristics that you need to be better in your profession. But this knowledge needs to be ground into your fingers, eyes, and gut by constant practice and hard work.
Victor Savkin is a co-founder of nrwl.io, providing Angular consulting to enterprise teams. He was previously on the Angular core team at Google, and built the dependency injection, change detection, forms, and router modules.
This article was sponsored by Aussie Hosting. Thank you for supporting the partners who make SitePoint possible. User experience is the most important factor when it comes to the success of your online venture.
TL;DR: In this article, we are going to learn what tools we should take advantage of when developing NPM packages. We will start from scratch. We will create a GitHub Repository to host our package, then we will look into interesting and important topics.
JavaScript UI frameworks and libraries work in cycles. Every six months or so, a new one pops up, claiming that it has revolutionized UI development. Thousands of developers adopt it into their new projects, blog posts are written, Stack Overflow questions are asked and answered, and then a newer (and even more revolutionary) framework pops up to usurp the throne.
Job needs me to know React like yesterday… I’ve literally never done React, or even read about it, until three days ago. If you feel like this too, I’m here to help.
Sass was introduced about 7 years ago as a workaround for CSS flaws and has come a long way since then. It has played a major role in popularizing CSS preprocessing, to the point where the question is no longer if you should use a preprocessor, but which one you should use.
What if I told you JavaScript could be viable in an enterprise environment? You’d think I was crazy. Isn’t JavaScript that toy of a language used for animating divs from left to right on a web page? A couple of years ago, I’d agree with you. Not anymore.
Angular released version 5 – deprecating the old http module “@angular/http” with the replacement of “@angular/common/http“. Along with the http module, the jsonp module was also deprecated in favor of a better replacement which is included with the new HttpClient.
In this article we’ll explore four plug and play functions that allow you to easily find certain values in an arrays of numbers. Specifically we’ll explore the following: Math is a built in object in JavaScript that contains certain methods useful for performing mathematical tasks.
In a typical Angular project, you'll have many components. Each components has it own stylesheet (css, scss, less, etc). It's quite often that you might need to include global styling files (especially variables file) in your component. Below is our hello.component.
Here’s a few tools you might have missed, out of my React tooling shortlist that deal with performance, visibility and debugging. Note that some of the more generic, less DOM dependent tools apply to React on React Native as well.
One of the keys to writing a successful web application is being able to make dozens of AJAX calls per page. This is a typical asynchronous programming challenge, and how you choose to deal with asynchronous calls will, in large part, make or break your app, and by extension potentially your entire startup.
The Wi-Fi Alliance just announced WPA3, a Wi-Fi security standard that will replace WPA2. It was one of the most covertly interesting things announced at CES 2018.
Email, Facebook, Google, Twitter, Github and the list can go as long as you wish. These are possible options for authenticating users in your web apps. Apps built with React and GraphQL are no less candidates for such authentications.
I have heard lots of developers say they hate CSS. In my experience, this comes as a result of not taking the time to learn CSS. CSS isn’t the prettiest ‘language,’ but it has successfully powered the styling of the web for over 20 years now. Not doing too badly, huh?
In software engineering, remote working makes a lot of sense since, most of the time, you only need a computer and an internet connection to perform your duties. So there are less reasons to force people to sit in a predefined office everyday.
Elasticsearch is one of the most popular full-text search engines which allows you to search huge volumes of data quickly, while React is arguably the best library for building user interfaces.
Aligning things in CSS has been a common source of frustration, fun and even memes for a long time. However CSS evolves quickly and new specifications are written and implemented in browsers all the time.
Frameworks like React and Angular have continued to enjoy large-scale support among the community, but new contenders like Vue have also exploded in popularity. Webpack continues to be the build tool of choice and NPM the package system of choice.
Code splitting has gained popularity recently for its ability to allow you to split your app into separate bundles your users can progressively load. In this post we’ll take a look at not only what code splitting is and how to do it, but also how to implement it with React Router. It’s 2018.
Developing an Amazon Alexa skill within an AWS Lambda function is a simple way to demonstrate the power of ‘serverless’. Within an hour, you can design, develop and deploy an Alexa skill onto the Amazon.com marketplace — with immediate access to millions of consumers.
The developer landscape has dramatically changed in recent years. It used to be fairly common for us developers to run all of our tools (databases, web servers, development IDEs…) on our own machines, but cloud services such as GitHub, MongoDB Atlas and AWS Lambda are drastically changing the game.
My number one piece of advice for new developers: Learn Git and push code to GitHub every day. I get an email/tweet/message daily from someone who is just starting to learn how to code.