Permalink
Browse files

Changes and additions after adding Oct 17 news and ES6 posts.

  • Loading branch information...
1 parent d088b32 commit 907372117768a901b5ea5887818f6aafd2c15974 @manuelkiessling committed Oct 9, 2017
View
@@ -58,7 +58,7 @@ h4,
h5,
h6 {
font-weight: 700;
- line-height: 1.25;
+ line-height: 1.4;
margin-bottom: 0.75rem;
font-family: 'Open Sans', sans-serif;
color: #700;
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -2,7 +2,7 @@
<html lang="en-us">
<head>
- <meta name="generator" content="Hugo 0.27.1" />
+ <meta name="generator" content="Hugo 0.29" />
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<title>The Node Beginner Blog - The Node Beginner Blog</title>
@@ -51,9 +51,35 @@ <h1 class="site-title"><a href="https://www.nodebeginner.org/blog/">The Node Beg
<div class="content">
<div class="posts">
+ <div class="post">
+ <h2 class="post-title"><a href="https://www.nodebeginner.org/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/">Setting up a JavaScript project for ES6 development with Babel and Webpack</a></h2>
+ <span class="post-date">Oct 8, 2017</span>
+
+
+ <div class="summary">
+ <p>JavaScript is a language and an ecosystem which constantly evolves. This changes the way we can write JavaScript and
+Node.js code, and it often demands special tooling to be able to do so. This tutorial shows how to set up a project
+with Babel and Webpack, which allows you to write modern ES6 JavaScript code for the browser and the server. </p>
+ <a class="read-more" href="/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/">Read more</a>
+ </div>
+
+ </div>
+
+ <div class="post">
+ <h2 class="post-title"><a href="https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/">JavaScript News and Resources - October 2017</a></h2>
+ <span class="post-date">Oct 7, 2017</span>
+
+
+ <div class="summary">
+ <p>The first issue of our monthly JavaScript ecosystem and community overview gets you covered with the most important reports, tutorials, and resources of the month. </p>
+ <a class="read-more" href="/blog/post/javascript-news-and-resources-october-2017/">Read more</a>
+ </div>
+
+ </div>
+
<div class="post">
<h2 class="post-title"><a href="https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/">Node.js tutorial: Super-fast web applications with the WebSocket protocol</a></h2>
- <span class="post-date">Jul 18, 2017</span>
+ <span class="post-date">Sep 18, 2017</span>
<div class="summary">
View
@@ -6,15 +6,35 @@
<description>Recent content on The Node Beginner Blog</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
- <lastBuildDate>Tue, 18 Jul 2017 18:21:17 +0200</lastBuildDate>
+ <lastBuildDate>Sun, 08 Oct 2017 09:18:00 +0200</lastBuildDate>
<atom:link href="https://www.nodebeginner.org/blog/index.xml" rel="self" type="application/rss+xml" />
+ <item>
+ <title>Setting up a JavaScript project for ES6 development with Babel and Webpack</title>
+ <link>https://www.nodebeginner.org/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/</link>
+ <pubDate>Sun, 08 Oct 2017 09:18:00 +0200</pubDate>
+
+ <guid>https://www.nodebeginner.org/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/</guid>
+ <description>&lt;p&gt;JavaScript is a language and an ecosystem which constantly evolves. This changes the way we can write JavaScript and
+Node.js code, and it often demands special tooling to be able to do so. This tutorial shows how to set up a project
+with Babel and Webpack, which allows you to write modern ES6 JavaScript code for the browser and the server. &lt;/p&gt;</description>
+ </item>
+
+ <item>
+ <title>JavaScript News and Resources - October 2017</title>
+ <link>https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/</link>
+ <pubDate>Sat, 07 Oct 2017 17:34:00 +0200</pubDate>
+
+ <guid>https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/</guid>
+ <description>&lt;p&gt;The first issue of our monthly JavaScript ecosystem and community overview gets you covered with the most important reports, tutorials, and resources of the month. &lt;/p&gt;</description>
+ </item>
+
<item>
<title>Node.js tutorial: Super-fast web applications with the WebSocket protocol</title>
<link>https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/</link>
- <pubDate>Tue, 18 Jul 2017 18:21:17 +0200</pubDate>
+ <pubDate>Mon, 18 Sep 2017 18:21:17 +0200</pubDate>
<guid>https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/</guid>
<description>&lt;p&gt;The WebSocket protocol is an extension to the HTTP ecosystem which allows to create live connections between a
View
@@ -50,9 +50,35 @@ <h1 class="site-title"><a href="https://www.nodebeginner.org/blog/">The Node Beg
<div class="content">
<div class="posts">
+ <div class="post">
+ <h2 class="post-title"><a href="https://www.nodebeginner.org/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/">Setting up a JavaScript project for ES6 development with Babel and Webpack</a></h2>
+ <span class="post-date">Oct 8, 2017</span>
+
+
+ <div class="summary">
+ <p>JavaScript is a language and an ecosystem which constantly evolves. This changes the way we can write JavaScript and
+Node.js code, and it often demands special tooling to be able to do so. This tutorial shows how to set up a project
+with Babel and Webpack, which allows you to write modern ES6 JavaScript code for the browser and the server. </p>
+ <a class="read-more" href="/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/">Read more</a>
+ </div>
+
+ </div>
+
+ <div class="post">
+ <h2 class="post-title"><a href="https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/">JavaScript News and Resources - October 2017</a></h2>
+ <span class="post-date">Oct 7, 2017</span>
+
+
+ <div class="summary">
+ <p>The first issue of our monthly JavaScript ecosystem and community overview gets you covered with the most important reports, tutorials, and resources of the month. </p>
+ <a class="read-more" href="/blog/post/javascript-news-and-resources-october-2017/">Read more</a>
+ </div>
+
+ </div>
+
<div class="post">
<h2 class="post-title"><a href="https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/">Node.js tutorial: Super-fast web applications with the WebSocket protocol</a></h2>
- <span class="post-date">Jul 18, 2017</span>
+ <span class="post-date">Sep 18, 2017</span>
<div class="summary">
View
@@ -6,15 +6,35 @@
<description>Recent content in Posts on The Node Beginner Blog</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
- <lastBuildDate>Tue, 18 Jul 2017 18:21:17 +0200</lastBuildDate>
+ <lastBuildDate>Sun, 08 Oct 2017 09:18:00 +0200</lastBuildDate>
<atom:link href="https://www.nodebeginner.org/blog/post/index.xml" rel="self" type="application/rss+xml" />
+ <item>
+ <title>Setting up a JavaScript project for ES6 development with Babel and Webpack</title>
+ <link>https://www.nodebeginner.org/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/</link>
+ <pubDate>Sun, 08 Oct 2017 09:18:00 +0200</pubDate>
+
+ <guid>https://www.nodebeginner.org/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/</guid>
+ <description>&lt;p&gt;JavaScript is a language and an ecosystem which constantly evolves. This changes the way we can write JavaScript and
+Node.js code, and it often demands special tooling to be able to do so. This tutorial shows how to set up a project
+with Babel and Webpack, which allows you to write modern ES6 JavaScript code for the browser and the server. &lt;/p&gt;</description>
+ </item>
+
+ <item>
+ <title>JavaScript News and Resources - October 2017</title>
+ <link>https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/</link>
+ <pubDate>Sat, 07 Oct 2017 17:34:00 +0200</pubDate>
+
+ <guid>https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/</guid>
+ <description>&lt;p&gt;The first issue of our monthly JavaScript ecosystem and community overview gets you covered with the most important reports, tutorials, and resources of the month. &lt;/p&gt;</description>
+ </item>
+
<item>
<title>Node.js tutorial: Super-fast web applications with the WebSocket protocol</title>
<link>https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/</link>
- <pubDate>Tue, 18 Jul 2017 18:21:17 +0200</pubDate>
+ <pubDate>Mon, 18 Sep 2017 18:21:17 +0200</pubDate>
<guid>https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/</guid>
<description>&lt;p&gt;The WebSocket protocol is an extension to the HTTP ecosystem which allows to create live connections between a
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+<title>JavaScript News and Resources - October 2017 - The Node Beginner Blog</title>
+
+<meta property="og:site_name" content="The Node Beginner Blog">
+<meta property="og:locale" content="en_US">
+<meta property="og:type" content="article">
+<meta property="fb:profile_id" content="1144782312">
+<meta property="fb:app_id" content="150404395523663">
+<meta property="article:author" content="https://www.facebook.com/NodeBeginner/">
+<meta property="article:tag" content="Node.js">
+<meta property="article:tag" content="JavaScript">
+<meta property="article:tag" content="Programming">
+<meta property="article:tag" content="Software">
+<meta property="article:tag" content="Tutorial">
+<meta property="fb:pages" content="319963981788483">
+<meta property="og:url" content="https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/">
+<meta property="og:title" content="JavaScript News and Resources - October 2017">
+<meta property="og:image" content='https://www.nodebeginner.org/blog/images/javascript-news-and-resources-october-2017.png'>
+<meta property="og:image:secure_url" content='https://www.nodebeginner.org/blog/images/javascript-news-and-resources-october-2017.png'>
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta property="og:description" content='The first issue of our monthly JavaScript ecosystem and community overview gets you covered with the most important reports, tutorials, and resources of the month.'>
+
+
+<link rel="stylesheet" href="https://www.nodebeginner.org/blog/css/slim.css">
+<link rel="stylesheet" href="https://www.nodebeginner.org/blog/css/highlight.min.css">
+
+
+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
+<link rel="shortcut icon" href="/favicon.ico">
+
+
+<link href="" rel="alternate" type="application/rss+xml" title="The Node Beginner Blog" />
+
+</head>
+
+<body>
+ <div class="container">
+ <div class="header">
+ <h1 class="site-title"><a href="https://www.nodebeginner.org/blog/">The Node Beginner Blog</a></h1>
+ <p class="site-tagline">Your regularly updated tutorial resource for all things Node.js.</p>
+
+
+</div>
+ <div class="content">
+ <div class="posts">
+ <div class="post">
+ <h2 class="post-title"><a href="https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/">JavaScript News and Resources - October 2017</a></h2>
+ <span class="post-date">Oct 7, 2017 </span>
+ <div class="post-content">
+ <p>The first issue of our monthly JavaScript ecosystem and community overview gets you covered with the most important reports, tutorials, and resources of the month. </p>
+
+<h1 id="new-tutorials">New tutorials</h1>
+
+<h4 id="setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack">Setting up a JavaScript project for ES6 development with Babel and Webpack</h4>
+
+<p>From our own blog, this tutorial explains <a href="/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/">how to set up a JavaScript project for ES6 development with Babel and
+Webpack</a>.</p>
+
+<h4 id="async-await">async/await</h4>
+
+<p><a href="https://twitter.com/nikolaygrozev">Nikolay Grozev</a> has written <a href="http://nikgrozev.com/2017/10/01/async-await/">a thorough and visual tutorial on the
+async/await syntax</a> that comes with JavaScript ES7.</p>
+
+<h4 id="protect-your-npm-account">Protect your npm account</h4>
+
+<p>On their blog, the NPM project explains <a href="http://blog.npmjs.org/post/166039777883/protect-your-npm-account-with-two-factor">how to protect your npm account with two-factor authentication and read-only
+tokens</a>.</p>
+
+<h4 id="how-to-write-reliable-browser-tests-using-selenium-and-node-js">How to write reliable browser tests using Selenium and Node.js</h4>
+
+<p><a href="https://twitter.com/chaffeet">Todd Chaffee</a> gets you through all the details and pitfalls of <a href="https://medium.freecodecamp.org/how-to-write-reliable-browser-tests-using-selenium-and-node-js-c3fdafdca2a9">how to test your web
+applications with JavaScript</a>.</p>
+
+<h4 id="super-fast-web-applications-with-the-websocket-protocol">Super-fast web applications with the WebSocket protocol</h4>
+
+<p>Again from our own blog, this tutorial explains <a href="/blog/post/nodejs-tutorial-how-to-work-with-websockets/">how to massively improve data exchange between browsers and your Node.js
+server application by utilizing the WebSocket protocol</a>.</p>
+
+<h4 id="api-authentication-with-node-js">API Authentication With Node.js</h4>
+
+<p>Building APIs is important; however, building <em>secured</em> APIs is also very important.
+In this tutorial, you learn <a href="https://code.tutsplus.com/tutorials/api-authentication-with-nodejs--cms-29536">how to build a secured API in Node.js</a>.</p>
+
+<h4 id="configuring-your-npmrc-for-an-optimal-node-js-environment">Configuring Your .npmrc for an Optimal Node.js Environment</h4>
+
+<p>One of the most useful, important, and enabling aspects of the npm CLI is that its highly configurable. This article
+explains <a href="https://nodesource.com/blog/configuring-your-npmrc-for-an-optimal-node-js-environment">how to exploit this to use NPM effectively</a>.</p>
+
+<h4 id="vue-js-vs-react-which-javascript-framework-to-choose-for-your-project">Vue.js vs React: Which JavaScript framework to choose for your project?</h4>
+
+<p>The folks at da14 provide <a href="https://da-14.com/blog/vuejs-vs-react-which-javascript-framework-choose-your-project">a nice guide</a> to help you with your decision.</p>
+
+<h1 id="in-the-news">In the news</h1>
+
+<h4 id="node-js-v8-6-0-has-been-released">Node.js v8.6.0 has been released</h4>
+
+<p>This is a new minor release for the current stable version. As always, <a href="https://nodejs.org/en/download/current/">download here</a>.</p>
+
+<p>Notable Changes:</p>
+
+<ul>
+<li>crypto: Support for multiple ECDH curves.</li>
+<li>dgram: Added setMulticastInterface() API. Custom lookup functions are now supported.</li>
+<li>n-api The command-line flag is no longer required to use N-API.</li>
+<li>tls Docs-only deprecation of parseCertString().</li>
+</ul>
+
+<h4 id="react-v16-0-has-been-released">React v16.0 has been released</h4>
+
+<p>Featuring two new render return types (fragments and strings), improved error handling and server-side rendering,
+portals, support for custom DOM attributes, and - gasp - it&rsquo;s MIT licensed. Read all about it <a href="https://reactjs.org/blog/2017/09/26/react-v16.0.html">in this Facebook post</a>.</p>
+
+<h4 id="typescript-turns-5-years-old">Typescript turns 5 years old</h4>
+
+<p><a href="https://blogs.msdn.microsoft.com/somasegar/2012/10/01/typescript-javascript-development-at-application-scale/">On October 1, 2012, Microsoft released TypeScript</a>.
+Here is <a href="https://blogs.msdn.microsoft.com/typescript/2017/10/02/typescript-turns-5/">a blog post where they look back at its 5 years of history</a>.</p>
+
+<h2 id="from-the-totally-not-related-to-javascript-department">From the totally-not-related-to-JavaScript department</h2>
+
+<p>In 1993, Dan Linton, owner of a hugely successful BBS called Software Creations, visited Texas and made his way to id
+Software. <a href="https://www.youtube.com/watch?v=HpEBUV_g9vU">This is the footage he recorded one night in November 1993</a>.</p>
+
+<hr />
+
+<blockquote>
+<p>Learn more about <a href="https://www.nodebeginner.org/#a-basic-http-server">writing web applications using Node.js</a>
+with <strong>The Node Beginner Book</strong> - the first part of this <a href="https://www.nodebeginner.org/">step-by-step Node.js tutorial</a>
+is available for free!</p>
+</blockquote>
+ </div>
+ </div>
+ <div class="pagination">
+
+ <a class="btn next " href="https://www.nodebeginner.org/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/">Next</a>
+
+
+ <a class="btn previous " href="https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/">Prev</a>
+
+ </div>
+ </div>
+ </div>
+
+ <div class="footer">
+
+ <p>Copyright (c) 2017 Manuel Kiessling</p>
+
+</div>
+
+ </div>
+ <script src="https://www.nodebeginner.org/blog/js/slim.js"></script>
+ <script src="https://www.nodebeginner.org/blog/js/highlight.min.js"></script>
+ <script>
+ hljs.initHighlightingOnLoad();
+ </script>
+ <script>
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+ga('create', 'UA-2127388-6', 'auto');
+ga('send', 'pageview');
+
+</script>
+
+</body>
+
+</html>
@@ -51,7 +51,7 @@ <h1 class="site-title"><a href="https://www.nodebeginner.org/blog/">The Node Beg
<div class="posts">
<div class="post">
<h2 class="post-title"><a href="https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/">Node.js tutorial: Super-fast web applications with the WebSocket protocol</a></h2>
- <span class="post-date">Jul 18, 2017 </span>
+ <span class="post-date">Sep 18, 2017 </span>
<div class="post-content">
<p>The WebSocket protocol is an extension to the HTTP ecosystem which allows to create live connections between a
web server and a web browser, enabling web applications to efficiently exchange data in real-time without the overhead
@@ -406,6 +406,8 @@ <h2 id="how-to-use-websocket-connections-in-your-web-application">How to use Web
</div>
<div class="pagination">
+ <a class="btn next " href="https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/">Next</a>
+
<a class="btn previous " href="https://www.nodebeginner.org/blog/post/nodejs-tutorial-what-are-node.js-modules/">Prev</a>
Oops, something went wrong.

0 comments on commit 9073721

Please sign in to comment.