Mindspace

Videos: 326 Likes: 38,882 Views: 1,783,312

Videos by: Mindspace

JavaScript Tutorial | Modals & Loops | Part 2

3 days ago
In the previous video we added JavaScript to let our modal appear and disappear after a “click” event. Unfortunately, using the “querySelector” to open the modal only works for a single element. Time to find out how to select multiple elements of the same class with “querySelectorAll” and also how to use loops and “addEventListener” […]

JavaScript Tutorial | Creating a Modal with JavaScript | Part 1

1 week ago
JavaScript is an awesome programming language as it allows us to change elements on our website AFTER the page was loaded. Let’s see how this works in practice by making a modal appear and disappear after we clicked onto certain areas on our website! ———- Starting Code: github.com/academind/web-development-beginners-guide/tree/12.01-js-modal-starting-code Finished Code: github.com/academind/web-development-beginners-guide/tree/12.02-js-modal-finished-code Want to learn something […]

Getting Started with CSS

1 week ago
CSS (Cascading Style Sheets) is super-important. You’ll find basically no website without it. And still many people use it in a trial-and-error way. Let’s dive into CSS, it’s concepts and how it really works in this video! This video is an excerpt from a complete 22+ hour course on Udemy – get the full course […]

Vanilla CSS vs Bootstrap vs Tailwind CSS – Which one should you choose?

2 weeks ago
Should you use vanilla CSS (no framework), a component framework like Bootstrap or a utility framework like Tailwind CSS? All three approaches allow you to style your page but there are important differences you must consider when making the decision. Here’s a detail comparison between Bootstrap, Tailwind and “just CSS”. ———- Dive into our “CSS […]

React 16.3 – New Context API, Updated Lifecycle Hooks, New Ref API

2 weeks ago
React.js 16.3 was released and it brings a new Context API, a new Ref API and updated Lifecycle hooks. What do all these things mean, how did React change? Let’s take a closer look and find out which adjustments are required in your Reactjs App! ———- Take the Full React Course: www.udemy.com/react-the-complete-guide-incl-redux/?couponCode=ACADEMIND_REACT Take a look […]

Final Touches & Deploying the Blog | Nuxt.js & Storyblok – Building a Complete Blog

2 weeks ago
The Nuxt.js + Storyblok Blog is done, time for some finishing touches so that we can deploy it as a static Nuxt.js blog. You’ll see how to publish items on storyblok and fetch both a production as well as draft version of the content. ———- Learn Nuxt.js with my 5* rated, bestselling course for $13 […]

Storyblok Live Preview! | Nuxt.js & Storyblok – Building a Complete Blog

3 weeks ago
With Storyblok, our CMS, added to the Nuxt.js/ Vue.js blog app, we can now enhance it. Thus far, Storyblok gives us some input fields to edit our data. In this video, we’ll connect our Nuxt/ Vue app such that Storyblok provides a live-updating, visual editing interface. ———- Learn Nuxt.js with my 5* rated, bestselling course […]

Adding Storyblok CMS | Nuxt.js & Storyblok – Building a Complete Blog

3 weeks ago
With the Nuxt.js/ Vue.js frontend finished, it’s time to add Storyblok – the Content Management System (CMS) we’ll use in this series. By the end of the video, all page content will be coming from Storyblok and you’ll know how it works and how to connect it to Nuxt or any other frontend framework. ———- […]

CSS Grid vs Flexbox

4 weeks ago
CSS Grid or Flexbox, which one should you use? Can you use CSS Grid and Flexbox together? Learn how to use both technologies correctly and how combining them can lead to even better results than when choosing between Grid and Flexbox. ———- Dive into our “CSS – The Complete Guide” course: www.udemy.com/css-the-complete-guide-incl-flexbox-grid-sass/?couponCode=EARLY_BIRD_YT_1 Find the article […]

The Frontend | Nuxt.js & Storyblok – Building a Complete Blog

1 month ago
Nuxt.js is a library which builds up on Vue.js. Storyblok is a headless CMS. With Nuxt and Storyblok combined, you can build amazing things! Learn how to build a complete blog in this mini series. In this video, we’ll start with Nuxt (Vue.js) frontend. This is a crucial step in this tutorial since it allows […]

Bootstrap 4 Theme Customization (with Sass) | BOOTSTRAP 4 TUTORIAL

1 month ago
Bootstrap 4 makes the customization of themes, colors and sizes easy! Use SASS to adjust the look of your Bootstrap 4 project to exactly the look you need. No expert knowledge is required – just some easy-to-follow steps. ———- Source Code for the Video: github.com/academind/bootstrap4-introduction/tree/06-customize Watch the Series on academind.com: academind.com/learn/css/bootstrap-4-tutorial/customization-themes-sass Official Theming Docs: getbootstrap.com/docs/4.0/getting-started/theming/ […]

Bootstrap 4 Forms & Buttons | BOOTSTRAP 4 TUTORIAL

1 month ago
Forms and Buttons are crucial building blocks of basically every web page. Bootstrap 4 makes the addition and styling of forms and buttons a breeze thankfully! Learn how to take advantage of the right Bootstrap 4 classes to make your form inputs and buttons look good! ———- Source Code for the Video: github.com/academind/bootstrap4-introduction/tree/05-forms Watch the […]