React provides are powerful paradigm for creating UI applications with JavaScript. TypeScript can greatly increase the maintainability of React applications by opening up sytax for self documenting code.

In this course we will cover how to setup a React application with TypeScript and use TypeScirpt for React applicationsreact javascript typescript
When you install an add-in for your web browser, it generally asks for permissions to access your account. For example, if you have an add-in that can filter your email and check for important appointments, the app will first ask you to click a link in order to grant it access to your calendar.

Even if you subsequently remove that app or add-in or extension, those permissions remain. So over time, the number of companies which has access to your account will grow.

I always make a point, at the end of each year, to review these access arrangements and delete those that are no longer required. And I recommend that you do too. In the case of a Google or Gmail account, just go to and click on "Apps with account access". You'll then see all the apps and organisations which have access, and you can delete those that no longer need it.

In my case, I found (and deleted) 18 separate companies that could still access my Gmail account if they wanted to.
There's no lack of flexibility when you're starting a React Native project. You get to choose how you organize your project, which packages to use, which editor to use, and so on. It's great!

But it's also intimidating.

I've found this to be true while talking with over 5,000 students and through my own experience of building React Native apps over the last few years.

Flexibility is great. But it's also intimidating. You want to make the right choices so you don't have to fix things later on. In this 40 minute course I'll share with you:

  • How I start a React Native project
  • How I organize the project
  • My must have packages
  • My exact development environment
Whether you're starting a brand new project or just looking for tips and how to improve your development environment join me in this quick 40 minute course that can save you hours throughout the life of your current and all future projects!react
June 11, 2017, I decided to read the CSS Grid spec.

The Spec was a little bit technical, but it was by far the most enjoyed specification I had ever read. If you’re a more advanced developer, bookmark it for future references.
One of the hardest things a developer must do is release their bug-riddled code out into the world, knowing they may never hear from those little critters ever again.

The savvy developer, then, should have some sort of mechanism so that those bugs can call home and tell you about their adventures in user-land.javascript
Sometimes when I'm working late at the office (like right now), I need a brief distraction in the form of a game. One of my favourites from way back was Lemmings, which ran on a PC under DOS (this was pre-Windows).

A recent search for an online playable version of Lemmings led me to a web site called Classic Reload. You can play loads of old games, and all you need is a web browser. There's nothing to download or install. All the games run via various online emulators.pc games
Get vector icons and social logos on your website with Font Awesome, the web’s most popular icon set and toolkit.
In this course we will take a simple Node.js app that connects to a MongoDB database and uses an Express web server, and learn how to setup a full software development deployment process as well as how to properly “Dockerize” the app.

We’ll step through setting up proper version control techniques, managing configuring within the environment, setting up proper build/deploy/run processes, and all with abiding by Docker best practices. We’ll also make sure our deployment is setup for scale, and have consistent development practices in place for reliable app deployments.perl node
Assess key metrics and learn your email habits

  • Automated reports on your email usage - Sent to your Gmail inbox: A comprehensive report is generated with statistics on how you use your Gmail or Google Apps email account. You will automatically be notified with a link to your report via email whenever a new report is ready.
  • Visualize your overall email traffic - Number of sent and received emails over time: Gmail Meter provides histograms on cumulative sent and received emails, broken down by hour and weekday.
  • Track your average response time - A major KPI for customer-facing teams: In addition to your average response time, both your quickest response time and your average first response are also provided.
  • Details on your most vital communications - Get insights on your most emailed contacts: Drill down to your statistics with specific individuals, see your response time for these contacts and the optimal time to expect a reply.
A tagged template (tag function) is what we call syntactic sugar. If you’ve never heard this term before it simply means that it’s syntax that was designed to make things easier to read.

With that in mind…A tagged template is a function call that uses a template literal from which to get its arguments.

I know, super confusing. Lets look at an example to make this clearer.javascript
  • Open Source: Google Play Music Desktop Player is open source on GitHub. This means YOU, the community, gets a say in all the features we implement and you can even get involved and help out.
  • Resource Efficient: Being a lightweight, standalone framework we use FAR less resources than having Google Play Music open in a standard chrome tab. This frees up your computer's resources to do things you care about, instead of wasting them on playing music.
  • Customizable: Google Play Music Desktop Player adds a level of customization that simply isn't there in the web player. You can change your theme, customize the colors, send your play history straight to, and it even has a built-in equalizer. From advanced audio controls to simple song change notifications, this desktop player literally does it all.
This course is for React newbies and those looking to get a better understanding of React fundamentals. With a focus on React fundamentals, you'll come out of this course knowing what problems React can solve for you and how it goes about solving those problems. You will have a good grasp on what JSX is and how it translates to regular JavaScript function calls and objects.

Each lesson in this course is just a single index.html file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work. The course wraps up with a lesson on how to move from these index.html files to a more production ready development environment and even how to deploy your app to a great service like Netlify.

Enjoy!react javascript
JavaScript’s this keyword is a source of confusion for many new and experienced developers alike. It can be frustrating if, for some reason, this doesn’t point to the context that was intended. This course will help you understand JavaScript’s this mechanism in depth.

Marius will take us through all of the ways this will change its values. From why many libraries use "use strict" to how arrow functions take its outer execution context’s this. He will show us how JavaScript implicitly sets the this context and how we can set it ourselves. We’ll see that the call-site of a function determines the this value of that function invocation. We’ll also learn how to call a function with a specific this value and how to create functions that always remain tied to a specific this context.

Finally, we’ll take a look at how this is treated within arrow functions and classes.javascript
Two and a half hours of new (beginner and advanced) React material are now available for free on!

I couldn’t be more excited to introduce you to what I can call my best work to date: Two new video courses available now on! They are both free now so I encourage you to give them a look!react
Blokada efficiently blocks ads, tracking and malware. It saves your data plan, makes your device faster and protects your privacy. It's free, open source and secure.

Blokada works across all of your apps, not only the browser! It doesn't require root, supports both wifi and mobile networks, and is perfectly safe and simple to use. Just turn it on, and it will do the job silently!

Blokada is an open source project, which means you can be sure it's always going to be free, safe to use, and without any hidden agenda. We believe this is the only right way to develop an ad blocker you can trust.
Following the original JavaScript hacks for hipsters, here’s some new goodies. Coding JavaScript in 2017 is actually fun again!javascript
The CSS Grid module is a fantastic tool for creating mockups of websites. It allows you to experiment with the layout faster than any other system I’ve tried.

In this article I’ll teach you how.
Convert videos from Youtube to Mp3

Convert and Download your favorites songs from Youtube to mp3 in a few seconds. GreenMp3 is one of the fastest and secure tool of this market. Don’t forget you don’t need to install any software to use our free online converting tool. Enjoy and listen your favorite music.test
Grid layouts are fundamental to the design of websites, and the CSS Grid module is the most powerful and easiest tool for creating it.

The module has also gotten native support by the major browsers (Safari, Chrome, Firefox) this year, so I believe that all front-end developer will have to learn this technology in the not too distant future.

In this article, I’ll take you through the very basics of CSS Grid as quickly as possible. I’ll be leaving out everything you shouldn’t care about until you’ve understood the basics.
Generated: 2017-12-13 19:59
Compiled: 2017-08-24 21:56
Guido Van Hoecke