Building A Blog With Eleventy And Netlify CMS – Part 3: Managing Blog Content With Netlify CMS
CodingTheSmartWay
by Sebastian
3y ago
Subscribe On YouTube Episodes Episode 1: Creating The Eleventy Project Episode 2: Adding Blog Posts Episode 3: Managing Blog Content With Netlify CMS This is part 3 of the Building A Blog With Eleventy And Netlify CMS From Start To Finish tutorial series on CodingTheSmartWay.com. In the first two parts of this series we’ve started to create an Eleventy project for implementing a simple blog example and have also started to add some content to the application. The static site generation process is already fully working so that we’re now able to move and add Netlify CMS to our appli ..read more
Visit website
Building A Blog With Eleventy And Netlify CMS – Part 2: Adding Blog Posts
CodingTheSmartWay
by Sebastian
3y ago
Subscribe On YouTube Episodes Episode 1: Creating The Eleventy Project Episode 2: Adding Blog Posts 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 to the _includes/layout dire ..read more
Visit website
Building A Blog With Eleventy And Netlify CMS – Part 1: Creating The Eleventy Project
CodingTheSmartWay
by Sebastian
3y ago
Subscribe On YouTube Episodes Episode 1: Creating The Eleventy Project 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 you can take a look at our beginner’s tutorial: 11ty | Eleventy – A ..read more
Visit website
Command-line Interfaces (CLIs) With React And Ink 3
CodingTheSmartWay
by Sebastian
3y ago
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 u ..read more
Visit website
Beginner’s Guide To Neural Networks In JavaScript With Brain.js
CodingTheSmartWay
by Sebastian
3y ago
Part 1: Building Your First Neural Network 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 makes it very easy to get started with Neural Networks and Deep Learning because it gives hides aw ..read more
Visit website
11ty | Eleventy – A Simple Static Site Generator
CodingTheSmartWay
by Sebastian
3y ago
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: HTML (*.html) Markdown (*.md) JavaScript (*.11ty.js) Liquid (*.liquid) Nunjucks (*.njk) Handlebars (*.hbs) Mustache (*.mustache) EJS (*.ejs) Haml (*.html) Pug ..read more
Visit website
Building A Vanilla JavaScript Todo App From Start To Finish | EP5: Completing & Removing Todos
CodingTheSmartWay
by Sebastian
3y ago
Subscribe On YouTube Episodes Episode 1: Introduction & Project Setup Episode 2: Adding UI Elements Episode 3: Styling The App Episode 4: Adding Todos Episode 5: Completing & Removing Todos 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 functio ..read more
Visit website
Building A Vanilla JavaScript Todo App From Start To Finish | EP4: Adding Todos
CodingTheSmartWay
by Sebastian
4y ago
Subscribe On YouTube Episodes Episode 1: Introduction & Project Setup Episode 2: Adding UI Elements Episode 3: Styling The App Episode 4: Adding Todos 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 and first of all add and submit event handler function for the submit event type of the form by adding ..read more
Visit website
Building A Vanilla JavaScript Todo App From Start To Finish | EP 3: Styling The App
CodingTheSmartWay
by Sebastian
4y ago
Subscribe On YouTube Episodes Episode 1: Introduction & Project Setup Episode 2: Adding UI Elements Episode 3: Styling The App 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. Furthermore we’re going to define styling for standard HTML elements ..read more
Visit website
Building A Vanilla JavaScript Todo App From Start To Finish | EP 2: Adding UI Elements
CodingTheSmartWay
by Sebastian
4y ago
Subscribe On YouTube Episodes Episode 1: Introduction & Project Setup Episode 2: Adding UI Elements 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 and a div element like you can see in the following listing: <body > ..read more
Visit website

Follow CodingTheSmartWay on FeedSpot

Continue with Google
Continue with Apple
OR