Manage your code efficiently in Visual Studio Code with the command palette, by easily switching between files & projects or by quickly moving or updating code sections.
Read Article
React.js aims to make cross-platform development easier!
Sora is OpenAI'S text-to-video AI and it's simply crazy...
Signals became all the rage in 2023 - But what's the advantage of Signals? And how do they work internally?
git clone | git fetch | git branch -r | git branch --track | git switch | git pull | git push | git remote add origin
Despite AI & layoffs, learning web development is still a great idea. Here's how I would learn it all again, if he had to start over.
:has() Selector, Container Queries, CSS Nesting, text-wrap: balance & :focus-visible - New Features Demonstrated Quickly
In some situations & use-cases, using useState() is not the optimal choice. There are preferrable alternatives!
SolidJS made "Signals" one of the most important frontend JS framework trends you can find right now! Time to learn how to build web apps with SolidJS from the ground up!
The "Angular Renaissance" started in 2022 and accelerated in 2023. But does it reach all Angular developers?
React's moving more and more towards a fullstack framework future - unfortunately, this comes at a price.
Angular 17 continues the Angular momentum by adding many exciting new features!
SolidJS is like ReactJS. It does introduce a couple of key new features though. Features that lead to better performance and simpler code.
Learn how to undo changes in your Git managed projects, no matter if you need to fix staged and unstaged changes or even entire commits!
React.js is extremely popular but at the moment, it might be in its most important transition phase ever.
There's a new JavaScript framework almost every day. Are we now finally in the last evolution phase?
React 18 introduced the Concurrency concept and with it two new Hooks: useTransition() and useDeferredValue(). Understanding when to use which can be tricky though.
For years, Redux was the most popular solution for global state management in React apps. Will the Context API change that?
You like VueJS, Vuetify and Firebase? So why don't we start a project, using all these technologies to build an app!
Today, it's pretty much expected for a website to also offer dark mode - i.e. a darker presentation of the page. What might sound like a big requirement is actually easy to implement!
Web Components allow you to build your own re-usable HTML elements. Using them in library-based apps (React, Vue, Angular) may require extra setup though. But you can avoid that!
Athena is an awesome service offered by AWS that allows you to easily query data stored in S3. Let's understand the tool step by step in a project.
Angular 6 is out and introduces updates and changes. But what's breaking and what's useful? Let's find out and let's dive into it core updates. Most importantly: Learn how to upgrade!
Angular 8 was released - here's what's new, what broke and what will change in the future!
Angular Elements allows you to convert normal Angular components into native web components. Two lines of code are enough!
Get started with Angular for free and dive into this series to learn the 5 core concepts of the Angular framework!
Uploading Images (or Files in general) in Angular apps isn't as hard as most people think. It's actually pretty simple and only involves these steps.
A thorough look at how Angular will do in 2019 and beyond. Will React win?
Lazy loading can speed up the initial loading time of your Angular app, hence it's an important optimization. Here's how to use it correctly.
Angular Material combines Angular Components and Google's Material Design. Learn how to use it and build awesome web apps with it!
Build a Progressive Web App (PWA) with Angular by adding a Service Worker. Learn how to make your app work offline with some very basic steps.
Passing Data around? Managing State? Which Visual Studio Code Extensions? Time for some answers!
Why does my app lose its state, after I reloaded it or switched between pages? A question asked by you from time to time and answered by us in this video. Let's have a look.
React.js? Or Angular (2+)? Or Vue.js? Which one should you choose? Dive into top pros and cons!
Amazon Web Services (AWS) offers a HUGE variety of services. This can make getting started tricky. Here's a thorough overview of all of them.
Amazon Web Services are great, you can build amazing products with them. But getting started with AWS can be hard. Not with this series!
This series walks you through all the important features of Bootstrap 4 - a CSS framework that allows you to build awesome-looking web apps.
Styling Emails can be super annoying and difficult. Learn how it works by building your own HTML + CSS E-Mail signature.
An intuitive page navigation is very important for a nice user experience. Let's see how we can easily create a responsive side navigation bar just with CSS and some JavaScript!
In this series we'll build two modals: The first one by using plain vanilla JavaScript and CSS and the second one again with plain vanilla JavaScript but without CSS.
We use a lot of RESTful APIs - wouldn't it be great to know how to build one? Let's do just that with Node.js, one of the most popular server-side languages.
It's Christmas time and we just released our 24th online course. Why don't we take the chance and create an advent calendar with JavaScript, HTML and CSS only?
You handle async code all the time in JavaScript. You're probably doing it wrong. 3 ways of doing it right.
Vue 3 added the brand-new Composition API as an optional (!) alternative to the existing Options API. Using the Composition API is very easy and it's impact can be tremendous!
Virtual environments allow us to manage Python projects, packages and versions efficiently. In this video, I'll guide you through the basics by example of Conda.
Storing and fetching some data to/ from a database? In this tutorial, you'll learn how to connect Angular, React etc. to a database!
Cross-site Resource Sharing (CORS) errors are common and one of the most confusing things. They shouldn't be - it's easy!
You want to make your website look beautiful and stylish? Then CSS is what you need, so let's dive into the basics together in this series!
CSS Grid or Flexbox, which one should you use? A lot of developers use both incorrectly. Here's why you won't.
D3.js is a great library for creating interactive visualizations in the web. In this mini series, we'll explore its basics!
How can we get started with data analysis in Python? Besides Python, all we need is Pandas and Matplotlib. Doesn't sound familiar to you? Let's clear things up and get started in this video!
Deno.js is the better Node.js. Or, at least, that's the goal. Here's what sets Deno apart from Node and my opinion on whether you should make the switch.
Puh, it was a lot of work, but we finally achieved the end of our beginner's guide! Let's finally learn how we can easily deploy our website to the web!
On the server-side, you have different ways of creating and serving your HTML files. Learn about the three main alternatives and when to use which!
We all got goals and we all (hopefully) want to learn new things. But learning can be hard and painful. Here are 7 techniques to fight the struggle.
Running code on demand and only when you need it? Find out how Firebase Cloud Functions make it possible!
We had the awesome opportunity to meet Abe Haskins, a Google Developer from the Firebase team. In this series he will guide us through some of the great features Firebase offers.
Responsive design is more important than ever as we want to ensure that our website looks awesome on all devices. With Flexbox we can make our Elements more dynamic, so let's find out how this works!
Understood the Flex-Container? But what if we want to change the way specific Flex-Items are displayed, it that possible? Yes it is!
Fractional numbers can be hard for computers - and that can lead to unexpected results and errors when doing math with them. Hence understanding floating point arithmetic is key.
Flutter 3 was released - the next major version of Flutter! But despite the version number change, the number of changes for mobile app developers isn't too high.
Flutter is a great SDK and framework for building real native mobile apps for iOS and Android. Is it a technology you should learn?
Adding Push Notifications to Flutter apps involves a couple of steps and can be tricky. Here's a step-by-step guide.
Frontend and backend essentially split the work a modern web app does - here's a detailed guide on what happens where (and why).
Should you become a Frontend, a Backend or a Fullstack Developer? What's the difference actually? Let's do the comparison!
JavaScript functions can run upon events or because you call them directly. This affects how you execute the functions!
How do these programming paradigms differ and how do you write 'correct' code following them?
Web development can be complex, so it might not look like it, but there actually IS a clear path that you can follow, when it comes to getting started with web development in 2021.
You are working on a new feature in a separate branch in your project and you want to add it to the master branch? Then merge or rebase can be helpful, so let's have a look at these commands!
You're working on a new feature and you want to jump back to the last clean commit without losing your draft? Then 'stash' is the Git command you're looking for!
Version Management is key when it comes to efficient project and code management. For this purpose, most programmers use Git, so let's learn the basics in this video!
GitHub is a hosting provider for your Git repositories. Getting started can be difficult, so let's make things easier in this video!
You might not need Redux for global state management. Build your own Hooks-based solution instead!
It’s pretty common to embed some map into web apps. Learn how to add a map powered by Google Maps into your Angular app in this video.
Let's build a complete app with GraphQL, Node.js, MongoDB and React.js. From scratch, step by step.
Modern Web Apps use JavaScript all the time but it looks like the code is accessible by everyone. Is that true? How can you prevent it?
I often get the question how long it will take to learn React/ NodeJS/ Whatever. It's not that simple to answer but here are some thoughts.
Learn how the web works, which technologies are involved and what you should learn if you're interested in starting a career in web development!
How can I become a better web developer? For sure there is not one single way to grow as a web developer but let me share my thoughts about this topic and give you a bit of a guideline in this video!
Want to build your own website? You won't get around HTML then. Learn how it works in 4 simple steps!
Inline styles, styled components, CSS with BEM, CSS Modules - there are many styling options. Here are the best ones!
Ionic and Vue can be used together to build real native mobile apps with Vue.js code. In this tutorial, we'll build a complete Ionic + Vue app from scratch.
Everyone (?) hates PHP. But why? And is it really dead or declining? I don't think so!
JavaScript allows us to change elements on our website AFTER the page was loaded. Let's have a look at some practical examples and learn why we need JavaScript on every website!
'JavaScript Framework Churn'. What is that? Is it really that bad? Here's why I don't agree with a lot of people.
Unknown to many JavaScript developers, functions are objects in JS. This matters and has important implications which are discussed here.
Testing can be intimidating - it shouldn't be! Getting started with JavaScript testing is not that hard, so let's dive into the 'Why' and 'How' of unit tests & more!
Testing async JavaScript code or testing JS dependencies in general can be difficult. But 'mocking' is a technique that can easily be implemented with Jest to make JavaScript testing a breeze again.
Dive into the most tricky parts of JavaScript to ensure you fully understand the this keyword, scope, hoisting, prototypes and much more!
JavaScript uses values of certain types and it freely converts between those types. That's called 'Type Coercion' and it can be tricky + lead to bugs
jQuery ruled JavaScript world for over a decade. Which impact do Angular, React and Vue.js have on jQuery? Is it obsolete? Or stronger than ever? Here's why you should replace it.
Let's use Laravel to create our own Shopping Cart in this Series!
Wouldn't it be awesome to combine Angular or Vue with Laravel? Turns out, this is possible!
Let's build a complete website with the Laravel Framework. Our Application will be a small social network, showcasing a lot of the features of Laravel.
Let's play around in Laravel and dive into different features and functions it offers in this series.
Http-only cookies are NOT a good protection against cross-site-scripting (XSS) attacks. Here's why localStorage is equally good (and how to really protect).
Working with binary numbers doesn't have to be hard, even though most people are convinced that it is. Here's a understandable guide for everyone!
You can build web apps in many ways - for fullstack apps, the MEAN, MERN and MEVN stacks are popular. Time for a closer look!
Learn what MongoDB is, its core concepts, how to use it, how to write MongoDB queries and what else the MongoDB ecosystem has to offer (MongoDB Atlas, Compass, Stitch etc.)
Learn how you may stop or start or uninstall your MySQL server - and how you may reset the root user password. For macOS & Windows!
NestJS is a bit like Angular - just for Node.js. In this tutorial, I walk you through its core building blocks by building an API with you.
Connect your NestJS app to a MongoDB server and learn how to create, read, update and delete (CRUD) data.
Do you want to edit the content of your apps without touching a single line of code? In this tutorial we'll explore Next.js, one of the best performing front end web frameworks, and WordPress, the most popular open source software for creating websites.
Let's use Node.js to create our own Shopping Cart in this Series!
What is Node.js, why do we need it and how does it work? Time to take a closer look in this series.
Nuxt.js has many features but ultimately, we talk about these two core concepts you have to understand.
Nuxt.js is all about configuring the project through folders and files. A complete map of all folders and files.
The easiest way of creating server-side rendered Vue.js apps is here. Learn Nuxt.js by building a project!
In Nuxt.js apps, you use 'Pages' to define which component should get rendered for which route (URL). How do you get your data into these pages though?
Server-side rendering is a great help when it comes to optimizing SPAs for SEO. But what does that actually mean? How does it work? And what else should you consider?
Nuxt.js makes server-side rendering of Vue apps simple. But what if you don't want to run a Node.js server? There is solution for that...and it's not creating a SPA!
Build a complete Blog with Nuxt.js (a Vue.js framework) and Storyblok (a headless CMS). From frontend to backend, we'll cover it all!
Learn how you may stop or start or uninstall your Postgresql server - and how you may reset the root user password. For macOS & Windows!
Working alone isn't a lot of fun - so how can we bring the data to the cloud and collaborate with our colleagues?
Power BI comes with different tools. But what makes the desktop application stand out and how can we use it in our projects?
App-Manifest, Service Workers and Caching - learn why these tools are just awesome!
Working with .json data is a very common task, no matter if you’re coming from the data science or the web development world. Let’s see how we can access, modify and save .json data in Python.
Lists are a core and easy to create data type in Python. Things get more complex once we want to manipulate multiple list items or filter our data. A great and powerful helper for such tasks (and more) are List Comprehensions.
Matplotlib is one of the most popular libraries to visualize data in Python. Let's get started with it in this video!
Tuples store immutable data. In combination with Tuple Unpacking (or Multiple Assignment) Python offers us great tools to create more efficient and leaner code. In this video we'll dive into both!
Python is THE most trending programming language in 2019! Get started now and learn it from scratch by building a game - no prior Python knowledge is required, so what are you waiting for?
AWS offers a lot of different services. Let's now take a look at the Business Intelligence tool that is offered to analyze and visualize our data.
React 16.3 adds useful features like the new Context API, a better Ref API and updated Lifecycle Look. Here are the details!
React 18 is the latest major React version released. It introduces many foundational concepts and yet does not require any major code changes.
CSS Animations are pretty cool. But combined with ReactJS, well, let's find out...
Learn about the most popular combination for managing React application state!
React Hooks will change the way we write React components. Here's the 'Why' and - most importantly - the 'How'?
Lazy loading can speed up the initial loading time of your React app, hence it's an important optimization. Here's how to use it correctly.
What is React Native? Why don't we have a look at it whilst building a real-world project?
React Native is a great solution for building native mobile apps for iOS and Android with React. Should you still learn it?
Ionic? React Native? NativeScript? Building mobile apps can be challenging! What's the best choice?
How does React Native compare to Flutter, NativeScript or Ionic? How's performance for each of these options? Let's have a look!
When it comes to building native mobile apps with React knowledge, you got two main options. Which one is better though? What are the differences?
Stateless vs stateful components? Using 3rd party libraries? How to manage state? Hosting and deployment? Broken routing? Find out how it works!
React without JSX? Does that even exist? Yes and it's actually a more viable (and very easy-to-use) option than you might think!
React Suspense allows you to show a placeholder whilst other content or data is being loaded. Here's how you can build your own Suspense component.
Handling forms can always be a bit tricky in React apps. Let's build a custom React Hook that makes handling forms and form validation easier!
React Hooks seem to be a real game changer. Combine that with the Context API for more awesomeness?
Too many people are struggling with image upload in React.js apps. This article and video changes it.
A thorough look at how ReactJS will do in 2019 and beyond. Will it win the frontend framework battle?
Build a responsive navigation bar with ReactJS and add a React-driven Side Drawer. Learn how to combine functional and class-based React components.
When fetching data, you typically don't want to fetch all the data at once. React applications are no exception - thankfully, adding Pagination with ReactJS is straightforward!
In this series we will dive into the basics of ReactJS and learn how we can work with this awesome JavaScript library!
Learn why most people copy objects and arrays in JavaScript incorrectly. And why you won't make that mistake!
Which kind of API should you build? What are the differences? Can you only use GraphQL with React.js? Time for some answers!
RxJS 6 changes everything! Or does it? It certainly breaks your imports and operator usage. Time for some (quick!) fixes!
Learn how to build a navigation bar with JavaScript, where the active item is automatically highlighted as a user scrolls.
Scully let's you generate static sites based on Angular, utilizing all of Angular's power but still giving you ALL the SEO benefits static sites offer.
Start sending automatically generated emails from your React apps without building a full backend API first. Use React with Firebase cloud functions instead.
Should you build your next project as a single-page-application (SPA) or as a multi-page-application (MPA)?
Are NoSQL databases better than SQL databases? Should you migrate to NoSQL? In this article and video, I'll compare both and give some guidance.
What are static webpages? What are dynamic ones? What's the difference and which approach should you follow? Let's have a look!
Wouldn't it be great if you could use React components outside of React apps? Turns out - we can get there. Stencil helps you with that!
Should you choose SvelteJS over React.js or Angular?
Learn SvelteJS - a modern JavaScript compiler which produces lightweight, high performance web apps.
How does the macOS terminal work, why should I use it and what's the difference between a Graphical User Interface (GUI) and a Command Line Interface (CLI)? These and more questions will be answered in this video & article!
It doesn't always have to be a PNG file. Learn how to build a burger with vanilla CSS only!
The position property allows us to change the position of elements on our website. No big news, but depending on the value applied to this property, the element behaviour changes.
Starting with frontend development isn't easy, we got a lot of tools and technologies to choose from. Let's tackle it!
The 'this' keyword can lead to a lot of confusion in JS. So can function calls without parenthesis. What's the idea behind this.someFunction.bind(this)?
What's hot in web development in 2020? Here are my top 7 trends and topics you shouldn't miss!
Lazy loading is a very useful pattern to optimize data fetching. It's quite common to load scripts and images lazily. Here's how it works.
RxJS looks super-complex and weird when you first encounter it (in your Angular app). After this series, you'll use it in every project!
Web development tools and technologies evolve quickly. Find out what's new in Angular 9, Ionic 5 etc in February 2020!
Sending a Http request with useEffect() might be trickier than you think - or did you consider aborting requests and avoiding race conditions?
Academind.com uses Storyblok and Nuxt.js behind the scenes. Let's take a brief look at these technologies.
CSS vs Bootstrap. Bootstrap vs Tailwind CSS. Which one should you use? Is using no framework a viable option? Here are the pros and cons!
When you learn JavaScript, you often hear that you need ALL the basics before you dive into a framework. I dare to disagree.
In JavaScript, you can create variables with var, let and const. How do they differ? When should you use which?
Are you looking for a free, cross-platform and highly customizable code editor? Then Visual Studio Code might be what you are looking for so let's explore it in this video!
Vue 3 will be released in 2020 and it'll add one pretty neat nice feature - The Composition API. Time for a first look!
Vue.js has a new CLI - Vue CLI 3 - (you can still use the old Vue CLI by the way). Time for a closer look at how it works, which features it offers and how you can get the most out of it.
It's just a couple of steps to upload any file (including images) via Vue.js. Here they are!
A thorough look at how Vue will do in 2019 and beyond. What's in store for it and how will it compare to React.js and Angular?
Lazy loading can speed up the initial loading time of your Vue app, hence it's an important optimization. Here's how to use it correctly.
ES6 vs ES5? Using 3rd party libraries? How to manage state? Hosting and deployment? Broken routing? Find out how it works!
Vue.js 3 is now final and out! It's (mostly) backward compatible but ships with many exciting improvements and new features which you have to know!
RxJS is only for Angular apps? It requires a lot of setup and configuration to use it elsewhere? Are you sure? Let's find out!
State management is hard! Vue.js has got a tool that makes it much easier though - guess which one that is?
Vue.js is extremely popular. Learn the 7 core concepts, experience it on your own and start your Vue.js journey right now!
Learn how to get started with web components to build re-usable components (for all frameworks!) with vanilla JavaScript.
Discover the top web development trends of 2019 in great depth!
Three top trends you should not miss in web development in 2021. Learn how to make the most out of 2021!
Web Development has gotten more complex - there are many technologies you might encounter when trying to learn it. Here are an overview and my thoughts on the perfect learning path.
Learn the Basics of Webpack 2. Understand what it is, how it works and how you may use it.
You might've heard about pure functions. Maybe also about side effects or impure functions. There is no wrong or right here - you will need all these things in most applications, but it is crucial to understand what these terms actually means and what you should watch out for.
When working with modern frontend frameworks like Angular, React or Vue, you often work with a concept called Composition. Even without knowing that it's called liked that. It is a key concept though - and thankfully also quite easy to understand.
'State' is a term which you encounter a lot as a developer. But what is 'State'? It's neither a difficult concept, nor a React-specific one as it turns out!
The DOM (Document Object Model) is a key concept and feature of browser-side JavaScript. It acts as a "bridge" between HTML and JavaScript code. But there is more to it!
The JAMStack is a pretty attractive way of building modern web applications. Here's what 'JAM' stands for and how you build JAMStack applications.
You're a web developer? Chances are that you sometimes need to look things up. Learn where to best do that in this video.
Web development is a complex matter, with many different languages, frameworks and tools. Let's navigate through that jungle together in this video.
Ionic always was a great framework and platform. But with Ionic 4, it'll move onto a whole new level! Here's why you should definitely keep an eye on it!
Since anyone can build websites with services like Wix or Squarespace, the question is whether we still need web developers. Here's why we DO!
For sending Http requests from JavaScript to a server, you can use XMLHttpRequest, fetch() or Axios. Let's explore fetch()!
For sending Http requests from JavaScript to a server, you can use XMLHttpRequest, fetch() or Axios. Let's explore Axios!
For sending Http requests from JavaScript to a server, you can use XMLHttpRequest, fetch() or Axios. Let's explore XMLHttpRequest!
Cross-Site Scripting Attacks (XSS Attacks) are amongst the most dangerous in web development. Here's how they work and how to defend.
Automated testing is an important yet often overlooked or skipped part of development. It's a shame because adding unit testing to React apps is easy!
