Recommendations – Useful Tech-related Resources

Disclosure

CodeSweetly utilizes some affiliate links, which may generate a small commission from clicks that result in a purchase. The retailers pay the commission at no cost to you. Money earned keeps CodeSweetly running. Thank you for being so supportive. Read More

CSS

• Apply a Filter to a Background Image – Article by Chris Coyier
• The difference between display: none and visibility: hidden – Illustration by W3Schools

Git

• How to integrate git bash with visual studio code on windows – Video by FalconMasters

HTML

• How to get the closest element to a specific CSS selector’s node – Video by Steve Griffith

JavaScript

• Airbnb JavaScript Style Guide – Documentation by Airbnb
• How to check if an element has a specific event listener on it – Code Snippet by Karol Grabowski
• How to get the index position of a clicked element – Code Snippet by MelkorNemesis
• JavaScript — WTF is ES6, ES8, ES 2017, ECMAScript… ? – Article by Brandon Morelli
• JavaScript Standard Style — Documentation by StandardJS

Programming

• CodeSmell – Article by Martin Fowler
• Six Reasons to Ditch the Term Code Smell – Article by Steve Lautenschlager

ReactJS

• JSX to JavaScript Converter – An online Babel compiler
• React Explained Clearly - Book by Oluwatobi Sofela
• React Icons – A free library of icons
• React Lifecycle Methods diagram – Diagram by Wojciech Maj

Responsive Web Design

• Setting The Viewport – Article by W3Schools
• Using the viewport meta tag to control layout on mobile browsers – Article by MDN

SOLID Programming Principles

• 5 Principles that will make you a SOLID JavaScript Developer – Article by Dor Tzur
• Solid Design Principles – Video by edutechional

Testing

• JavaScript Testing Introduction Tutorial – Video by Academind
• Test Driven Development – Video by CodeSports
• An Introduction to Test-Driven Development in JavaScript – Video by DevTuts
• Unit Testing – How to Use Dummies, Fakes, Mocks, and Stubs – Video by Briebug
• Unit Tests and Test Doubles like Mocks, Stubs & Fakes – Video by CodeSports
• What is Mock testing (MOQ)? – Video by .NET Interview Preparation videos
• What’s the difference between a mock & stub? – Answer by Lev on Stack Overflow

VS Code

• How to toggle word wrap in Visual Studio Code – Answer by Benjamin Pasero on Stack Overflow

Website

• How to get the headings and IDs of a webpage – Article by Scott Spence
• NameCheap: A great domain registrar – The best place to get affordable domain names for your websites

WordPress

• How to add categories and tags to pages – Code Snippet by Matoeil
• How to add excerpts to pages – Video by Frank Deardurff
• SVG: How to Use Scalable Vector Graphics in WordPress – Article by Oluwatobi Sofela