naar hoofdnavigatie naar content naar contact

Aanwijzing

Door de 'enter toets' te activeren benadert u de hoofdnavigatie.

Useful links about front-end (web) development

Links found:

HTML

  • MDN | learn web development
  • MDN | HTML
  • MDN | Tutorials
  • MDN | Forms
  • MDN | Use HTML to solve common problems
  • MDN | svg
  • html5test.com
  • fronteers.nl
  • w3schools
  • Inclusive inputs
  • A Complete Guide To Accessible Front-End Components

JavaScript

  • MDN | JavaScript Guide
  • MDN | async await
  • MDN | Promise
  • MDN | array
  • MDN | The Web animations api
  • MDN | Class
  • javascript.info
  • frontend masters handbook 2019
  • regex101
  • Robust Client-Side JavaScript
  • Eloquent JavaScript
  • You Don't Know JS (book series) - 1st Edition
  • Exploring ES6
  • StateOfJS
  • es6 learning
  • TypeScript
  • TypeScript tsconfig
  • eslint
  • JavaScript modules
  • ViteJS
  • ES6 Modules
  • nodejs
  • babel
  • vegibit.com tag: javascript
  • Douglas Crockford The Good Parts Examples

CSS

  • MDN | the box model
  • MDN | CSS reference
  • MDN| Use CSS to solve common problems
  • MDN | Flexbox
  • MDN | Typical use cases of Flexbox
  • MDN | Grids
  • INTRODUCTION TO CSS GRID LAYOUT
  • MDN | Handling common HTML and CSS problems
  • CSS tricks
  • THE ULTIMATE FLEXBOX CHEAT SHEET
  • Invisible Content Just for Screen Reader Users
  • Order of specificity w3c
  • Order of specificity image
  • Sass
  • Less
  • itcss Scalable and Maintainable CSS Architecture
  • Object Oriented CSS
  • postcss
  • postcss/autoprefixer
  • HTML for Icon Font Usage
  • Animista
  • css modules introduction
  • cssreference.io
  • Flexbox froggy
  • css clip-path maker
  • The Differing Perspectives on CSS-in-JS
  • Using character escapes in markup and CSS
  • should is prefix CSS

Styleguides / design system

  • styleguides.io
  • Huge styleguide
  • Material.io
  • Vue Material
  • React | Material UI
  • Svelte | Material UI
  • Angular Material

React

  • React
  • create react app
  • create react app with typescript
  • MDN | Getting started with React
  • MDN | Beginning our React todo list
  • MDN | React resources
  • react patterns
  • react cheatsheet
  • react resources
  • nextjs
  • Awesomejs.dev for react

Vue

  • VueJS
  • Vue cli - @vue/cli
  • Server-Side Rendering
  • The Complete SSR Guide
  • pinia
  • vuex
  • NuxtJS
  • Awesomejs.dev for vue
  • vue-cli-plugin-prerender-spa
  • Vuetify is a Vue UI Library
  • BootstrapVue
  • Vue-test-utils

Svelte

  • Svelte
  • Svelte introduction

Other css/js Libraries / frameworks / web apis

  • bootstrap
  • purecss
  • bulma
  • semantic ui
  • foundation
  • materializecss
  • base
  • animatecss
  • Angular
  • d3js
  • emberjs
  • meteor
  • stenciljs
  • polymer
  • Web components
  • core-js
  • lodash
  • knockoutjs
  • jQuery
  • graphql
  • apollographql
  • jasmine
  • jest
  • cypress
  • Storybook | Build bulletproof UI components faster

Web development

  • MDN | Developer guides
  • MDN | Understanding client-side JavaScript frameworks
  • Git Immersion
  • Web Fundamentals
  • Resolving Git Conflicts
  • Chrome DevTools
  • Articles, tutorials and tools for modern front-end development
  • The Ultimate Web Code Generator
  • npm
  • webpack
  • github
  • tool for automatically using Let’s Encrypt certificates
  • Apache httpd
  • Mod pagespeed
  • git flow cheatsheet
  • devhints.io
  • easy bash prompt generator
  • freecodecamp learn
  • Browserlist
  • Caniuse | Browser support tables for modern web technologies
  • A List of Static Site Generators for Jamstack Sites

This static page is build with pure client side technology using HTML, CSS, TypeScript/ES6

Pepijn Friederichs
  • Introductie
  • Ervaring
  • Opdrachtgevers
  • Contact
  • Links
  • English
  • Pepijn Friederichs