Discover academind/side-navigation-bar Open Source project

Supplementary resources for our complete web development course (https://acad.link/web-dev).

1,040

100-days-of-web-development

817

node-restful-api-tutorial

This repository accompanies my YouTube series on building a RESTful API with Node.js: https://www.youtube.com/playlist?list=PL55RiY5tL51q4D-B63KBnygU6opNPFk_q

Code and attachments for our clean code course (https://acad.link/clean-code)

779

clean-code-course-code

Code for GraphQL + React Event Booking API Series: https://academind.com/learn/node-js/graphql-with-node-react-full-app/

515

yt-graphql-react-event-booking-api

Source code for my Vue + Vuetify + Firebase DevMeetup YouTube Project

388

yt-devmeetup-vue-firebase

This repository holds the source code snapshots for our "Django - The Practical Guide" course (https://acad.link/django)

341

django-practical-guide-course-code

293

github-actions-course-resources

Resources (code, slides) for our GitHub Actions course (https://acad.link/gh-actions)

An introduction to React.js Hooks. Also see: https://academind.com/learn/react/react-hooks-introduction

252

react-hooks-introduction

Course code & materials for our "JavaScript Unit Testing - The Practical Guide" course (https://acad.link/testing)

228

js-testing-practical-guide-code

216

react-redux-vs-context

Redux vs React Context. Belongs to: https://academind.com/learn/react/redux-vs-context-api

An introduction to NestJS - also watch the full video: https://www.academind.com/node-js/nestjs-introduction

189

nestjs-introduction

SQL command snapshots and slides for our complete SQL course (https://acad.link/sql)

169

sql-complete-guide-code

155

js-testing-introduction

JavaScript testing (unit tests, integration tests, e2e tests) introduction repo - belongs to this tutorial: https://academind.com/learn/javascript/javascript-testing-introduction

Course resources (snapshots, slides) for my Remix course: https://acad.link/remix

128

power-bi-course-resources

103

remix-practical-guide-course-resources

Vue 3 changes in action (incl. Composition API). Also see the YouTube videos: https://youtu.be/ZjBiBVNWfJ8 (What Changed?) & https://youtu.be/bwItFdPt-6M (Composition API Intro)

vue-3-update

Vue

ionic-vue-getting-started

Source code for the Ionic + Vue YouTube Getting Started video: https://youtu.be/mQ4zmFy4d7Y

React & TypeScript Course Resources (Check out the full course: https://acad.link/react-ts)

react-typescript-course-resources

A miniseries introducing Firebase Cloud Functions (Also see: https://www.academind.com/learn/firebase/cloud-functions)

firebase-cloud-functions-introduction

An introduction (and quick comparison) of XMLHttpRequest, fetch() and Axios. Belongs to a tutorial series (https://www.academind.com/learn/javascript/xhr-fetch-axios-xmlhttprequest)

xhr-fetch-axios-intro

This repository holds the source code for our YouTube series (https://www.academind.com/learn/css/bootstrap-4-tutorial/) on Bootstrap 4

bootstrap4-introduction

Get started with React Router 6.4. Check out https://acad.link/reactjs to learn all about React.js.

react-router-6.4-intro

Source code for my YouTube video on React Native (https://youtu.be/6ZnfsJ6mM5c)

react-native-by-example

Java

nuxt-storyblok-complete-blog

Build a complete Blog with Nuxt.js & Storyblok. Find the videos here: https://academind.com/learn/vue-js/nuxtjs-storyblok-build-a-complete-blog/

Vue

react-router-v6-update

Code examples for our React Router 6 update video

"Cypress End-to-End Testing" course resources (slides & code)

cypress-e2e-testing-course-resources

Build a navbar and side drawer with React.js. Demo repo for accompanying article/ video: https://www.academind.com/learn/react/snippets/navbar-side-drawer

reactjs-navbar-drawer-demo

Code for my YouTube demo video: https://youtu.be/bDDuLuCqHg0

nextjs-13-first-look-demo

The very first Node app we deploy on AWS (for AWS YouTube series)

aws-first-node-app

Demo source code for https://academind.com/learn/javascript/functional-vs-oop-vs-procedural

functional-procedural-oop

Demo app for a first look at Concurrency, React 18 and useTransition() and useDeferredValue (belongs to this video: https://youtu.be/lDukIAymutM)

react-18-concurrency-first-look

A little starting project for the PWA sneak peak YouTube video

pwa-sneak-peak

Source code of PWA Example video on our YouTube Channel

yt-example-pwa

This repository belongs to my JAMStack intro article: https://academind.com/learn/javascript/what-is-the-jamstack

yt-jamstack-intro

CSS Grid vs Flexbox - which one should you use? Or use them together? More info: https://www.academind.com/learn/css/css-grid-vs-flexbox/

css-grid-vs-flexbox

Get started with Docker and our full Docker course: https://acad.link/docker

docker-introduction

Demo code for tutorial: https://academind.com/learn/javascript/localstorage-vs-cookies-xss

localstorage-vs-cookies

Example code for tutorial: https://academind.com/learn/javascript/xss-cross-site-scripting-attacks/

xss-example

CSS

understanding-css

Source code for our "Understanding CSS" series

angular-material-introduction

An Introduction to Angular Material - code for my tutorial series: https://www.academind.com/learn/angular/angular-material-a-thorough-guide

Inline styles, styled components, CSS with BEM, CSS Modules - there are many styling options. Belongs to this article: https://www.academind.com/learn/react/inline-styles-styled-components-css

react-styling

Demo projects for AWS demo videos. Also see https://academind.com/tutorials.

aws-demos

EJS

deno-first-look

A first look at Deno.js (also see: https://academind.com/learn/node-js/deno-first-look).

Create a Modal with JS (and CSS) only (https://academind.com/learn/javascript/building-a-modal/)

js-modal

CSS

d3js-basics

Repository for D3.js Basics series: https://academind.com/learn/javascript/d3js-basics/

Source code for our web development beginner's guide

web-development-beginners-guide

react-16.6-new-features

What's new in React 16.6? Here is the demo code for our tutorial: https://academind.com/learn/react/react-16-6-whats-new

building-an-advent-calendar

Source code of YouTube video on our "CSS - The Complete Guide" course (https://www.udemy.com/css-the-complete-guide-incl-flexbox-grid-sass).

css-complete-guide-excerpt

Demo app for my AWS Serverless Intro video on YouTube

aws-serverless-demo-app

Source code for my accompanying "Angular Snippets" videos on https://www.youtube.com/c/academind

angular-snippets

A (very) simple blog to show how to deploy Laravel to AWS Elastic Beanstalk

laravel-simple-blog

PHP

yt-vuejs-rxjs

Source code for YouTube Videos on Vue.js + RxJS

Why do we have function calls without parentheses? And why does "this" behave so strange? Check the corresponding article: https://academind.com/learn/javascript/this-keyword-function-references/

js-this-and-function-references

How do you connect Angular, React, Vue etc. to a database? This repo belongs to a video + article where I answer this question: https://www.academind.com/angular/connect-to-database

ng-spa-databases

Source code of my Stencil Basics YouTube Series

stencil-basics

Add a service worker to Angular. Repo for Academind Tutorial: https://www.academind.com/learn/angular/snippets/angular-pwa-service-worker-tutorial

python-game

Python

angular-pwa

Direct vs indirect function execution (incl. bind) - belongs to this tutorial: https://academind.com/learn/javascript/function-bind-event-execution

javascript-bind-functions

Source code for YouTube video about Firebase (with Google!)

yt-firebase-google-demo

Vanilla CSS vs Bootstrap vs Tailwind CSS. What's the best choice? More info: https://www.academind.com/learn/css/vanilla-css-vs-frameworks/

css-vanilla-vs-frameworks

Code for Angular "href" vs "routerLink" video

angular-href-vs-routerlink

A small example project for Ng6 changes - see YouTube video: https://youtu.be/Xr5l7lT--YU

ng6-update-example-project

Angular Elements - a small demo for my YouTube Video: https://youtu.be/y73NMviRoPY

ng6-elements