| W3Schools |
FEO, MC |
https://www.w3schools.com/ |
| JSONPlaceholder: fake API |
FEO |
https://jsonplaceholder.typicode.com/ |
| Untitled |
FEO |
|
| JS Event KeyCodes |
BEO, FEO, Werkplaats |
https://keycode.info/ |
| React Resources |
FEO |
https://reactresources.com/ |
| Git in VSCode |
FEO |
https://code.visualstudio.com/docs/editor/versioncontrol#_git-support |
| Udemy - How to get the most out of it! |
FEO |
https://support.udemy.com/hc/en-us/sections/206457187-Course-Player |
| Font Awesome |
FEO, MC |
https://fontawesome.com/icons?d=gallery |
| Internetingishard.com flexbox |
FEO, MC |
https://internetingishard.com/html-and-css/flexbox/ |
| Hoe moet je je code NIET schrijven ;-) |
FEO |
https://trekhleb.dev/blog/2020/state-of-the-art-shitcode-principles/ |
| Step debugging met Chrome |
FEO |
https://www.youtube.com/watch?v=H0XScE08hy8 |
| Bracket Pair Colorizer 2 |
FEO |
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2 |
| 30 seconds of code |
FEO |
https://www.30secondsofcode.org/ |
| Corey Shafer: video tutorials |
BEO |
https://www.youtube.com/playlist?list=PL-osiE80TeTt2d9bfVyTiXJA-UTHn6WwU |
| React Icons |
FEO |
https://react-icons.github.io/react-icons |
| Box shadow animation |
FEO |
https://tobiasahlin.com/blog/how-to-animate-box-shadow/ |
| Insomnia: REST API's testen |
BEO, FEO |
https://insomnia.rest/ |
| Slack |
FEO, MC |
https://slack.com/ |
| Emmet in VSCode |
FEO |
https://code.visualstudio.com/docs/editor/emmet |
| CSS Cheatsheets |
FEO |
|
| Promises in 10 minuten |
FEO |
https://www.youtube.com/watch?v=DHvZLI7Db8E |
| React the Complete Guide incl Redux |
FEO |
https://www.udemy.com/course/react-the-complete-guide-incl-redux/ |
| JavaScript video cursus: Ninja |
FEO |
https://www.udemy.com/course/modern-javascript-from-novice-to-ninja/ |
| DOM Manipulation manieren |
FEO |
https://plainjs.com/javascript/manipulation/ |
| Git from Beginner to Advanced |
FEO |
https://www.madebymike.com.au/writing/how-to-git/ |
| indent-rainbow |
FEO |
https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow |
| Langere video cursus over Git/Github |
FEO |
https://www.youtube.com/playlist?list=PL4cUxeGkcC9goXbgTDQ0n_4TBzOO0ocPR |
| How to ask good questions |
BEO, FEO, Werkplaats |
https://jvns.ca/blog/good-questions/ |
| CSSLint |
FEO, MC |
http://csslint.net/ |
| Grid by Example |
FEO |
https://gridbyexample.com/examples/ |
| How Big Is My Browser |
FEO, MC |
http://howbigismybrowser.com/ |
| HTMLreference.io |
FEO, MC |
https://htmlreference.io/ |
| CRACO |
FEO, MC |
https://github.com/gsoft-inc/craco |
| FreeCodeCamp: JavaScript |
FEO |
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript |
| VSCode: HTMLHint |
FEO, MC |
https://marketplace.visualstudio.com/items?itemName=mkaufman.HTMLHint |
| Variabelen in je strings (template literals) |
FEO |
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals |
| Awesome React |
FEO |
https://github.com/enaqx/awesome-react |
| doesitmutate - array methods |
FEO |
https://doesitmutate.xyz/ |
| JavaScript errors and how to fix them |
FEO, Werkplaats |
https://davidwalsh.name/fix-javascript-errors |
| Eloquent JavaScript (online boek) |
FEO |
https://eloquentjavascript.net/ |
| CSS Grid Garden |
FEO, MC |
http://cssgridgarden.com/ |
| Learn X in Y minutes: JavaScript |
FEO |
https://learnxinyminutes.com/docs/javascript/ |
| Met JavaScript elementen stylen |
FEO |
https://gomakethings.com/two-ways-to-set-an-elements-css-with-vanilla-javascript/ |
| Learn Python in Y minutes |
BEO |
https://learnxinyminutes.com/docs/python/ |
| SourceTree: een GUI voor Git |
BEO, FEO, Werkplaats |
https://www.sourcetreeapp.com/ |
| Git: "detached head" state |
FEO |
https://www.git-tower.com/learn/git/faq/detached-head-when-checkout-commit |
| Learn CSS Grid for free |
FEO, MC |
https://scrimba.com/g/gR8PTE |
| Destructuring in 100 seconds |
FEO |
https://www.youtube.com/watch?v=UgEaJBz3bjY&t=1s |
| # Voorbeelden van linters |
FEO |
|
| Leer Flexbox: Flexbox Defence game |
FEO, MC |
http://www.flexboxdefense.com/ |
| JavaScript array explorer |
FEO |
https://sdras.github.io/array-explorer/ |
| HTML tags overzicht |
FEO, MC |
https://www.tutorialrepublic.com/html-reference/html5-tags.php |
| HTMLHint.com |
FEO, MC |
https://htmlhint.com/ |
| ES7 React/Redux/GraphQL/React-Native snippets |
FEO |
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets |
| VSCode: Stylelint |
FEO, MC |
https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint |
| Hoe breek je een probleem op in stukjes? |
FEO |
https://www.youtube.com/watch?v=W34WFht95ts |
| Prettier: autoformat JavaScript |
FEO |
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode |
| HTML elementen toevoegen met JavaScript |
FEO |
https://www.w3schools.com/jsref/met_node_insertbefore.asp |
| Complete Guide to Flexbox |
FEO, MC |
https://css-tricks.com/snippets/css/a-guide-to-flexbox/ |
| HTML Video's: Giraffe Academy |
FEO, MC |
https://www.mikedane.com/web-development/html/ |
| Learn to style HTML using CSS |
FEO, MC |
https://developer.mozilla.org/en-US/docs/Learn/CSS |
| HTTPStatuses.com |
FEO |
https://httpstatuses.com/ |
| JavaScript cheatsheet |
FEO |
|
| Figma |
FEO, Werkplaats |
https://www.figma.com/ |
| # De podcast |
BEO, FEO, Werkplaats |
|
| JavaScript standard objects |
FEO |
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects |
| API list.fun |
FEO, Werkplaats |
https://apilist.fun/ |
| Debugging in Chrome |
FEO |
https://javascript.info/debugging-chrome |
| Pro Git (boek) |
|
https://git-scm.com/book/en/v2 |
| Visual Studio Code |
FEO, MC |
https://code.visualstudio.com/ |
| JSONbin: gratis JSON endpoint |
FEO |
https://jsonbin.io/ |
| FreeCodeCamp |
FEO, MC |
https://learn.freecodecamp.org/ |
| Mosh video tutorials |
BEO |
https://www.youtube.com/playlist?list=PLTjRvDozrdlxj5wgH4qkvwSOdHLOCx10f |
| HTTP response status codes |
FEO |
https://developer.mozilla.org/en-US/docs/Web/HTTP/Status |
| Codesandbox.io |
FEO |
https://codesandbox.io/ |
| Netlify |
FEO, MC |
https://app.netlify.com/drop |
| Playcode.io |
FEO |
https://playcode.io/ |
| StackOverflow: vraag en antwoord site |
FEO |
https://stackoverflow.com/questions/tagged/javascript |
| JavaScript errors: complete lijst |
FEO, Werkplaats |
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors |
| devdocs.io/react |
FEO |
https://devdocs.io/react-hooks/ |
| CSS Video's: Giraffe Academy |
FEO, MC |
https://www.mikedane.com/web-development/css/ |
| Videobellen met Zoom |
|
https://zoom.us/ |
| Sketch |
FEO, Werkplaats |
https://www.sketch.com/ |
| Devdocs.io |
FEO |
https://devdocs.io/ |
| Flexbox Froggy |
FEO |
https://flexboxfroggy.com/ |
| Colorhunt.co: Color Palettes for Designers and Artists |
FEO, MC |
https://colorhunt.co/ |
| Code Tidbits |
FEO |
https://www.samanthaming.com/tidbits/ |
| npoint: gratis JSON endpoint |
FEO |
https://www.npoint.io/ |
| Powershell Cheatsheet |
FEO |
https://www.comparitech.com/net-admin/powershell-cheat-sheet/ |
| CSS Grid Generator |
FEO, MC |
https://grid.layoutit.com/ |
| Jest Cheatsheet |
FEO |
https://devhints.io/jest |
| React Developer Tools |
FEO |
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en |
| VSCode Terminal |
FEO |
https://code.visualstudio.com/docs/editor/integrated-terminal |
| JavaScript30 |
FEO, Werkplaats |
https://javascript30.com/ |
| React Router: video (Dev Ed) |
FEO |
https://www.youtube.com/watch?v=Law7wfdg_ls&t=897s |
| Git for Windows: "Git bash" |
FEO |
https://gitforwindows.org/ |
| Thonny |
BEO |
https://thonny.org/ |
| Dangit, git! |
FEO |
https://dangitgit.com/ |
| Super-expressive |
FEO |
https://github.com/francisrstokes/super-expressive |
| localStorage |
FEO |
https://javascript.info/localstorage |
| CSSreference.io |
FEO, MC |
https://cssreference.io/ |
| Intro to Powershell |
BEO, FEO, Werkplaats |
https://programminghistorian.org/en/lessons/intro-to-powershell |
| Postman |
FEO |
https://www.getpostman.com/ |
| Python oefenprojecten |
BEO |
https://www.practicepython.org/ |
| Balsamiq |
FEO, MC |
https://balsamiq.cloud/ |
| # Voorbeelden van formatters |
FEO |
|
| javascript.info |
FEO |
https://javascript.info/ |
| Flexbox patterns |
FEO |
https://tobiasahlin.com/blog/common-flexbox-patterns/ |
| React docs |
FEO |
https://reactjs.org/docs/getting-started.html |
| DOM Styling |
FEO |
https://plainjs.com/javascript/styles/ |
| CodeAnalogies.com |
BEO, FEO |
https://www.codeanalogies.com/ |
| Leer Sass (documentatie) |
Werkplaats |
https://sass-lang.com/guide |
| PEP 8 — the Style Guide for Python Code |
BEO |
https://pep8.org/ |
| Hoe verander ik met JavaScript de achtergrondkleur van een element? |
FEO |
https://www.w3schools.com/jsref/prop_style_backgroundcolor.asp |
| Uitleg arr.map en arr.filter |
FEO |
https://www.youtube.com/watch?v=KV0EqtDK9XI&feature=youtu.be&t=518 |
| Clip-path Tool |
FEO |
https://bennettfeely.com/clippy/ |
| Learn Sass in 20 minutes (video) |
Werkplaats |
https://youtu.be/Zz6eOVaaelI |
| Using Github to land a job |
FEO |
https://orange-quarter.com/using-github-to-land-a-job/ |
| Online Markdown editor |
FEO |
https://stackedit.io/app# |
| Pexels: gratis stock foto's |
MC |
https://www.pexels.com/ |
| 🎥 Git & Github Crashcourse (30 min) |
FEO |
https://www.youtube.com/watch?v=SWYqp7iY_Tc |
| Font inspiratie FontJoy |
FEO, MC |
|
| Learn Git in 7 minutes |
BEO, FEO |
https://www.codingdojo.com/blog/git-tutorial-for-beginners |
| JustJavascript.com (email lijst) |
FEO, Werkplaats |
https://justjavascript.com/ |
| Opensource werk doen |
Werkplaats |
https://www.firsttimersonly.com/ |
| JavaScript object explorer |
FEO |
https://sdras.github.io/object-explorer/ |
| CodePen |
FEO |
https://codepen.io/ |
| Chrome |
FEO, MC |
https://www.google.com/chrome/ |
| Unsplash: gratis stock foto's |
MC |
https://unsplash.com/ |
| Pixlr |
FEO, MC |
https://pixlr.com/x/ |
| Chrome Devtools |
FEO, MC |
https://developers.google.com/web/tools/chrome-devtools/ |
| HTMLCheatSheet.com |
FEO, MC |
https://htmlcheatsheet.com/ |
| Interneting is Hard |
FEO, MC |
https://internetingishard.com/ |
| Learn Git Branching |
|
https://learngitbranching.js.org/ |
| Git Terminology |
FEO |
https://www.atlassian.com/git/glossary/terminology |
| Grote lijst van public APIs |
FEO, Werkplaats |
https://github.com/public-apis/public-apis |
| How URIs Work |
BEO, FEO, Werkplaats |
https://howurls.work/#/ |
| create-react-app documentatie |
FEO |
https://create-react-app.dev/ |
| Mediaqueri.es |
FEO, MC |
https://mediaqueri.es/ |
| JavaScript equality table |
FEO |
https://dorey.github.io/JavaScript-Equality-Table/ |
| JSON Validator |
FEO |
https://jsonlint.com/ |
| CSS animaties |
FEO |
https://daneden.github.io/animate.css |
| # Formatten |
MC |
|
| Sneller navigeren in je terminal: symbolic links |
FEO |
|
| CSS Grid video cursus (Wes Bos) |
FEO, MC |
https://cssgrid.io/ |
| CSS Grid vs CSS Flexbox |
FEO |
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout |
| Stylelint.io |
FEO, MC |
https://stylelint.io/ |
| Array methods video |
FEO |
https://www.youtube.com/watch?v=PZvHZJVeYdw |
