This post has been published first on CodingTheSmartWay.com.

Subscribe On YouTube

Episodes

This is the second part of the Building A Blog With Eleventy And Netlify From Start To Finish series on CodingTheSmartWay.com. In the first part we’ve started with an introduction of Eleventy and Netlify CMS and created a basic Eleventy project which is now the basis to move on. As we’re going to implement a blog example we’re starting to add blog related content to our site in this part.

Creating A Post Layout Template

Let’s start by adding another file…


This post has been published first on CodingTheSmartWay.com.

Subscribe On YouTube

Episodes

Eleventy is a simple static site generator based on JavaScript. The great thing about Eleventy is that it is zero-config by default but can also be run with configurations options which makes it flexible and extremely easy to use at the same time.

In contrast to other static site generators Eleventy does not force you to use a specific template engine. Eleventy works with many different template languages.

If you’d like to get started with Eleventy…


This post has been published first on CodingTheSmartWay.com.

Subscribe On YouTube

If you’re a developer you’ve probably working with a lot of different command-line interfaces (CLIs). Recently modern command-line interfaces have been becoming more interactive and more user-friendly.

Modern command-line interfaces are accepting user input, provide nice looking command-line user interfaces, and are able to handle even complex tasks like guiding the user through different process steps.

As the usability increases command-line interfaces are provided for more and more tasks and use cases. Modern CLIs are able to already replace some graphical user interfaces (GUIs).

React And Ink 3

When you think of…


Part 1: Building Your First Neural Network

This post has been published first on CodingTheSmartWay.com.

Subscribe On YouTube

Neural Networks are the essential building blocks for machine learning and artificial intelligence applications. By using Neural Networks we’re able to solve problems that can’t easily by solved by traditional algorithms, like face detection, voice recognition, or medical diagnosis.

In this tutorial we’ll start from the very beginning. You’ll learn how to apply Neural Networks by using a JavaScript library called Brain.js. Brain.js …


This post has been published first on CodingTheSmartWay.com.

Subscribe On YouTube

Eleventy is a simple static site generator based on JavaScript. The great thing about Eleventy is that it is zero-config by default but can also be run with configurations options which makes it flexible and extremely easy to use at the same time.

In contrast to other static site generators Eleventy does not force you to use a specific template engine. Eleventy works with many different template languages like:


This post has been published first on CodingTheSmartWay.com.

Subscribe On YouTube

Episodes

In the last part of this series we’ll finalize our JavaScript Todo App by adding missing functionality like completing and removing todo items.

Therefore we’re adding another click event handler function for the ul element.

document.querySelector('ul').addEventListener('click', handleClickDeleteOrCheck);

Everytime the user clicks anywhere in the list output the handleClickDeleteOrCheck function will be executed:

function handleClickDeleteOrCheck(e) {
if (e.target.name == 'checkButton')
checkTodo(e);


This post has been published first on CodingTheSmartWay.com.

Subscribe On YouTube

Episodes

In this episode of the Building A Vanilla JavaScript Todo App From Start To Finish we’re starting to add the necessary JavaScript code to our app. We’ll start implement the logic which is needed to add new tasks to the list. Therefore we need to handle the submit event of the form and generate the corresponding list output.

Go to app.js


This post has been published first on CodingTheSmartWay.com.

Subscribe On YouTube

Episodes

Part of building a Vanilla JavaScript Todo App is adding a modern and nice-looking user interface. In this episode we’re going to add the necessary CSS code which is needed to style the todo app and finish building the UI.

When inserting the HTML code in the last part we’ve already made use of several CSS classes which have not been defined yet. Those classes will be defined in styles.css now…


This post has been published first on CodingTheSmartWay.com.

Subscribe On YouTube

Episodes

In the first part of the Building A Vanilla JavaScript Todo App From Start To Finish series we started to setup the project and prepared the basic HTML page by including things like Google Fonts, and the Font Awesome Icon library.

We now ready to go on and extend the application by bringing in the UI element we need.

Structuring The Body Section

In the body section of index.html start by adding a header section…


This post has been published first on CodingTheSmartWay.com.

Subscribe On YouTube

Episodes

Welcome to this first part of the Building A Vanilla JavaScript Todo App From Start To Finish. In this series we’ll be building a complete todo web application with only using HTML, CSS, and JavaScript. This also means that we’ll only use pure vanilla JavaScript without any frameworks involved.

Today’s web frameworks like React, Svelte, Vue, or Angular makes it possible to build powerful well structured feature-rich web application. However using…

Sebastian Eschweiler

Full-stack Web Developer, CodingTheSmartWay.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store