Skip to content

Commit 9073721

Browse files
manuelkiesslingmanuelkiessling
committed
Changes and additions after adding Oct 17 news and ES6 posts.
1 parent d088b32 commit 9073721

File tree

11 files changed

+781
-12
lines changed

11 files changed

+781
-12
lines changed

‎blog/css/slim.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ h4,
5858
h5,
5959
h6 {
6060
font-weight: 700;
61-
line-height: 1.25;
61+
line-height: 1.4;
6262
margin-bottom: 0.75rem;
6363
font-family: 'Open Sans', sans-serif;
6464
color: #700;

‎blog/images/javascript-news-and-resources-october-2017.png

304 KB
Loading

‎blog/images/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack.png

312 KB
Loading

‎blog/index.html

+28-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en-us">
33

44
<head>
5-
<meta name="generator" content="Hugo 0.27.1" />
5+
<meta name="generator" content="Hugo 0.29" />
66
<meta http-equiv="content-type" content="text/html; charset=utf-8">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
88
<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
5151
<div class="content">
5252
<div class="posts">
5353

54+
<div class="post">
55+
<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>
56+
<span class="post-date">Oct 8, 2017</span>
57+
58+
59+
<div class="summary">
60+
<p>JavaScript is a language and an ecosystem which constantly evolves. This changes the way we can write JavaScript and
61+
Node.js code, and it often demands special tooling to be able to do so. This tutorial shows how to set up a project
62+
with Babel and Webpack, which allows you to write modern ES6 JavaScript code for the browser and the server. </p>
63+
<a class="read-more" href="/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/">Read more</a>
64+
</div>
65+
66+
</div>
67+
68+
<div class="post">
69+
<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>
70+
<span class="post-date">Oct 7, 2017</span>
71+
72+
73+
<div class="summary">
74+
<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>
75+
<a class="read-more" href="/blog/post/javascript-news-and-resources-october-2017/">Read more</a>
76+
</div>
77+
78+
</div>
79+
5480
<div class="post">
5581
<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>
56-
<span class="post-date">Jul 18, 2017</span>
82+
<span class="post-date">Sep 18, 2017</span>
5783

5884

5985
<div class="summary">

‎blog/index.xml

+22-2
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,35 @@
66
<description>Recent content on The Node Beginner Blog</description>
77
<generator>Hugo -- gohugo.io</generator>
88
<language>en-us</language>
9-
<lastBuildDate>Tue, 18 Jul 2017 18:21:17 +0200</lastBuildDate>
9+
<lastBuildDate>Sun, 08 Oct 2017 09:18:00 +0200</lastBuildDate>
1010

1111
<atom:link href="https://www.nodebeginner.org/blog/index.xml" rel="self" type="application/rss+xml" />
1212

1313

14+
<item>
15+
<title>Setting up a JavaScript project for ES6 development with Babel and Webpack</title>
16+
<link>https://www.nodebeginner.org/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/</link>
17+
<pubDate>Sun, 08 Oct 2017 09:18:00 +0200</pubDate>
18+
19+
<guid>https://www.nodebeginner.org/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/</guid>
20+
<description>&lt;p&gt;JavaScript is a language and an ecosystem which constantly evolves. This changes the way we can write JavaScript and
21+
Node.js code, and it often demands special tooling to be able to do so. This tutorial shows how to set up a project
22+
with Babel and Webpack, which allows you to write modern ES6 JavaScript code for the browser and the server. &lt;/p&gt;</description>
23+
</item>
24+
25+
<item>
26+
<title>JavaScript News and Resources - October 2017</title>
27+
<link>https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/</link>
28+
<pubDate>Sat, 07 Oct 2017 17:34:00 +0200</pubDate>
29+
30+
<guid>https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/</guid>
31+
<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>
32+
</item>
33+
1434
<item>
1535
<title>Node.js tutorial: Super-fast web applications with the WebSocket protocol</title>
1636
<link>https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/</link>
17-
<pubDate>Tue, 18 Jul 2017 18:21:17 +0200</pubDate>
37+
<pubDate>Mon, 18 Sep 2017 18:21:17 +0200</pubDate>
1838

1939
<guid>https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/</guid>
2040
<description>&lt;p&gt;The WebSocket protocol is an extension to the HTTP ecosystem which allows to create live connections between a

‎blog/post/index.html

+27-1
Original file line numberDiff line numberDiff line change
@@ -50,9 +50,35 @@ <h1 class="site-title"><a href="https://www.nodebeginner.org/blog/">The Node Beg
5050
<div class="content">
5151
<div class="posts">
5252

53+
<div class="post">
54+
<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>
55+
<span class="post-date">Oct 8, 2017</span>
56+
57+
58+
<div class="summary">
59+
<p>JavaScript is a language and an ecosystem which constantly evolves. This changes the way we can write JavaScript and
60+
Node.js code, and it often demands special tooling to be able to do so. This tutorial shows how to set up a project
61+
with Babel and Webpack, which allows you to write modern ES6 JavaScript code for the browser and the server. </p>
62+
<a class="read-more" href="/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/">Read more</a>
63+
</div>
64+
65+
</div>
66+
67+
<div class="post">
68+
<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>
69+
<span class="post-date">Oct 7, 2017</span>
70+
71+
72+
<div class="summary">
73+
<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>
74+
<a class="read-more" href="/blog/post/javascript-news-and-resources-october-2017/">Read more</a>
75+
</div>
76+
77+
</div>
78+
5379
<div class="post">
5480
<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>
55-
<span class="post-date">Jul 18, 2017</span>
81+
<span class="post-date">Sep 18, 2017</span>
5682

5783

5884
<div class="summary">

‎blog/post/index.xml

+22-2
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,35 @@
66
<description>Recent content in Posts on The Node Beginner Blog</description>
77
<generator>Hugo -- gohugo.io</generator>
88
<language>en-us</language>
9-
<lastBuildDate>Tue, 18 Jul 2017 18:21:17 +0200</lastBuildDate>
9+
<lastBuildDate>Sun, 08 Oct 2017 09:18:00 +0200</lastBuildDate>
1010

1111
<atom:link href="https://www.nodebeginner.org/blog/post/index.xml" rel="self" type="application/rss+xml" />
1212

1313

14+
<item>
15+
<title>Setting up a JavaScript project for ES6 development with Babel and Webpack</title>
16+
<link>https://www.nodebeginner.org/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/</link>
17+
<pubDate>Sun, 08 Oct 2017 09:18:00 +0200</pubDate>
18+
19+
<guid>https://www.nodebeginner.org/blog/post/setting-up-a-javascript-project-for-es6-development-with-babel-and-webpack/</guid>
20+
<description>&lt;p&gt;JavaScript is a language and an ecosystem which constantly evolves. This changes the way we can write JavaScript and
21+
Node.js code, and it often demands special tooling to be able to do so. This tutorial shows how to set up a project
22+
with Babel and Webpack, which allows you to write modern ES6 JavaScript code for the browser and the server. &lt;/p&gt;</description>
23+
</item>
24+
25+
<item>
26+
<title>JavaScript News and Resources - October 2017</title>
27+
<link>https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/</link>
28+
<pubDate>Sat, 07 Oct 2017 17:34:00 +0200</pubDate>
29+
30+
<guid>https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/</guid>
31+
<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>
32+
</item>
33+
1434
<item>
1535
<title>Node.js tutorial: Super-fast web applications with the WebSocket protocol</title>
1636
<link>https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/</link>
17-
<pubDate>Tue, 18 Jul 2017 18:21:17 +0200</pubDate>
37+
<pubDate>Mon, 18 Sep 2017 18:21:17 +0200</pubDate>
1838

1939
<guid>https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/</guid>
2040
<description>&lt;p&gt;The WebSocket protocol is an extension to the HTTP ecosystem which allows to create live connections between a

‎blog/post/javascript-news-and-resources-october-2017/index.html

+174
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta http-equiv="content-type" content="text/html; charset=utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
7+
<title>JavaScript News and Resources - October 2017 - The Node Beginner Blog</title>
8+
9+
<meta property="og:site_name" content="The Node Beginner Blog">
10+
<meta property="og:locale" content="en_US">
11+
<meta property="og:type" content="article">
12+
<meta property="fb:profile_id" content="1144782312">
13+
<meta property="fb:app_id" content="150404395523663">
14+
<meta property="article:author" content="https://www.facebook.com/NodeBeginner/">
15+
<meta property="article:tag" content="Node.js">
16+
<meta property="article:tag" content="JavaScript">
17+
<meta property="article:tag" content="Programming">
18+
<meta property="article:tag" content="Software">
19+
<meta property="article:tag" content="Tutorial">
20+
<meta property="fb:pages" content="319963981788483">
21+
<meta property="og:url" content="https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/">
22+
<meta property="og:title" content="JavaScript News and Resources - October 2017">
23+
<meta property="og:image" content='https://www.nodebeginner.org/blog/images/javascript-news-and-resources-october-2017.png'>
24+
<meta property="og:image:secure_url" content='https://www.nodebeginner.org/blog/images/javascript-news-and-resources-october-2017.png'>
25+
<meta property="og:image:width" content="1200">
26+
<meta property="og:image:height" content="630">
27+
<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.'>
28+
29+
30+
<link rel="stylesheet" href="https://www.nodebeginner.org/blog/css/slim.css">
31+
<link rel="stylesheet" href="https://www.nodebeginner.org/blog/css/highlight.min.css">
32+
33+
34+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
35+
<link rel="shortcut icon" href="/favicon.ico">
36+
37+
38+
<link href="" rel="alternate" type="application/rss+xml" title="The Node Beginner Blog" />
39+
40+
</head>
41+
42+
<body>
43+
<div class="container">
44+
<div class="header">
45+
<h1 class="site-title"><a href="https://www.nodebeginner.org/blog/">The Node Beginner Blog</a></h1>
46+
<p class="site-tagline">Your regularly updated tutorial resource for all things Node.js.</p>
47+
48+
49+
</div>
50+
<div class="content">
51+
<div class="posts">
52+
<div class="post">
53+
<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>
54+
<span class="post-date">Oct 7, 2017 </span>
55+
<div class="post-content">
56+
<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>
57+
58+
<h1 id="new-tutorials">New tutorials</h1>
59+
60+
<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>
61+
62+
<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
63+
Webpack</a>.</p>
64+
65+
<h4 id="async-await">async/await</h4>
66+
67+
<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
68+
async/await syntax</a> that comes with JavaScript ES7.</p>
69+
70+
<h4 id="protect-your-npm-account">Protect your npm account</h4>
71+
72+
<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
73+
tokens</a>.</p>
74+
75+
<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>
76+
77+
<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
78+
applications with JavaScript</a>.</p>
79+
80+
<h4 id="super-fast-web-applications-with-the-websocket-protocol">Super-fast web applications with the WebSocket protocol</h4>
81+
82+
<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
83+
server application by utilizing the WebSocket protocol</a>.</p>
84+
85+
<h4 id="api-authentication-with-node-js">API Authentication With Node.js</h4>
86+
87+
<p>Building APIs is important; however, building <em>secured</em> APIs is also very important.
88+
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>
89+
90+
<h4 id="configuring-your-npmrc-for-an-optimal-node-js-environment">Configuring Your .npmrc for an Optimal Node.js Environment</h4>
91+
92+
<p>One of the most useful, important, and enabling aspects of the npm CLI is that its highly configurable. This article
93+
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>
94+
95+
<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>
96+
97+
<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>
98+
99+
<h1 id="in-the-news">In the news</h1>
100+
101+
<h4 id="node-js-v8-6-0-has-been-released">Node.js v8.6.0 has been released</h4>
102+
103+
<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>
104+
105+
<p>Notable Changes:</p>
106+
107+
<ul>
108+
<li>crypto: Support for multiple ECDH curves.</li>
109+
<li>dgram: Added setMulticastInterface() API. Custom lookup functions are now supported.</li>
110+
<li>n-api The command-line flag is no longer required to use N-API.</li>
111+
<li>tls Docs-only deprecation of parseCertString().</li>
112+
</ul>
113+
114+
<h4 id="react-v16-0-has-been-released">React v16.0 has been released</h4>
115+
116+
<p>Featuring two new render return types (fragments and strings), improved error handling and server-side rendering,
117+
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>
118+
119+
<h4 id="typescript-turns-5-years-old">Typescript turns 5 years old</h4>
120+
121+
<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>.
122+
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>
123+
124+
<h2 id="from-the-totally-not-related-to-javascript-department">From the totally-not-related-to-JavaScript department</h2>
125+
126+
<p>In 1993, Dan Linton, owner of a hugely successful BBS called Software Creations, visited Texas and made his way to id
127+
Software. <a href="https://www.youtube.com/watch?v=HpEBUV_g9vU">This is the footage he recorded one night in November 1993</a>.</p>
128+
129+
<hr />
130+
131+
<blockquote>
132+
<p>Learn more about <a href="https://www.nodebeginner.org/#a-basic-http-server">writing web applications using Node.js</a>
133+
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>
134+
is available for free!</p>
135+
</blockquote>
136+
</div>
137+
</div>
138+
<div class="pagination">
139+
140+
<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>
141+
142+
143+
<a class="btn previous " href="https://www.nodebeginner.org/blog/post/nodejs-tutorial-how-to-work-with-websockets/">Prev</a>
144+
145+
</div>
146+
</div>
147+
</div>
148+
149+
<div class="footer">
150+
151+
<p>Copyright (c) 2017 Manuel Kiessling</p>
152+
153+
</div>
154+
155+
</div>
156+
<script src="https://www.nodebeginner.org/blog/js/slim.js"></script>
157+
<script src="https://www.nodebeginner.org/blog/js/highlight.min.js"></script>
158+
<script>
159+
hljs.initHighlightingOnLoad();
160+
</script>
161+
<script>
162+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
163+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
164+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
165+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
166+
167+
ga('create', 'UA-2127388-6', 'auto');
168+
ga('send', 'pageview');
169+
170+
</script>
171+
172+
</body>
173+
174+
</html>

‎blog/post/nodejs-tutorial-how-to-work-with-websockets/index.html

+3-1
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ <h1 class="site-title"><a href="https://www.nodebeginner.org/blog/">The Node Beg
5151
<div class="posts">
5252
<div class="post">
5353
<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>
54-
<span class="post-date">Jul 18, 2017 </span>
54+
<span class="post-date">Sep 18, 2017 </span>
5555
<div class="post-content">
5656
<p>The WebSocket protocol is an extension to the HTTP ecosystem which allows to create live connections between a
5757
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
406406
</div>
407407
<div class="pagination">
408408

409+
<a class="btn next " href="https://www.nodebeginner.org/blog/post/javascript-news-and-resources-october-2017/">Next</a>
410+
409411

410412
<a class="btn previous " href="https://www.nodebeginner.org/blog/post/nodejs-tutorial-what-are-node.js-modules/">Prev</a>
411413

0 commit comments

Comments
 (0)