JavaScript in Plain English·5y17 Killer Websites for Web Developers
The Unsplash API is a modern JSON API that surfaces all of the info you’ll need to build any experience for your users. Embeddable Widget Apps for Notion is a tool to add 3rd party apps to your Notion Document. Smart Mockup is the fastest web-based mockup tool.
DEV·5yClean Architecture on Frontend
The Clean Architecture is a way of separating responsibilities and parts of functionality according to their proximity to the application domain. It is often referred to as a three-layer architecture, because the functionality in it is divided into layers. In this post we'll talk about what the clean architecture is in general and get familiar with such concepts as domain, use case and application layers. Then we'll discuss how this applies to the frontend and whether it's worth it at all.
Josh W Comeau·5yMy Custom CSS Reset
This tutorial explains how to use your own custom CSS reset. It includes all of the little tricks I've discovered to improve both the user experience and the CSS authoring experience. We'll dig into each rule, and you'll learn what it does and why you might want to use it.
Geek Culture·5yWriting Clean JavaScript — ES6 Edition
Clean code is not just code that works, but rather code that can be easily read, reused, and refactored by others. This article focuses on writing clean JavaScript ES6 code which is not framework-specific. Most of the mentioned examples can apply to almost any other programming language.
JetBrains·4yLearn in 1 Hour: Design Patterns
This week's Hour of Code is about design patterns. Design patterns are reusable templates for commonly occurring problems in software design. At JetBrains Academy, you can get an introduction to design patterns and learn five types of the most common creational patterns. Click the links below to open the educational topics that will allow you to not only read a detailed theory about a specific design pattern but also apply your skills straight to practice.
Hashnode·5y18 Awesome Linux Themes For Your Inspiration 🎨😍
The other day I was browsing Reddit and bookmarked some neat custom-made, one-of-a-kind interfaces from fellow Unix users. I decided to share my findings, so you can get some inspiration, too. To find out the configuration details of each setup, click on the author's username.
GitHub Blog·5yThank you, GitHub
I’m moving on to my next adventure, and Thomas Dohmke will be GitHub’s next CEO. I will become Chairman Emeritus, which fulfills my lifelong ambition of having a title in Latin. My heartfelt thanks to every Hubber and every developer who makes GitHub what it is, every day.
GitHub Blog·5yIntroducing GitHub Copilot: your AI pair programmer
GitHub Copilot is a new AI pair programmer that helps you write better code. It draws context from the code you’re working on, suggesting whole lines or entire functions. As you type, it adapts to the way you write code to help you complete your work faster.
DEV·4yAdvanced Javascript Design Patterns
Design Patterns are the solutions to commonly occurring problems in software design. These patterns are easily re-usable and are expressive. We will be discussing all these design patterns using Javascript es6 classes. I have covered here 20+ design patterns explanations in javascript. If you wish to learnAdvanced react component patterns, please find it here.
gitconnected·5yHow I Structure HTML for Better SEO Results
Stephan Romhart explains how to use semantic HTML 5 tags for better machine readability. He also explains how he organize his CSS for websites without a framework. In his 20 years of web development experience, he’s developed a standard CSS approach for myself. He says that most websites can be built with the following boilerplate.
Honeypot·5y13 Best Tech Documentaries For Developers
There are hardly any documentaries out there about developers or software development. All you need is this personally curated list of ‘developer’ documentaries (I’m most excited about the last one!). Let’s jump in. Vue.js: The Documentary: The origins of the Progressive JavaScript Framework. GraphQL: The documentary traces the rise and rise of GraphQL from initial success.
Hashnode·4yUsing Notion to organise programming topics
Commonplace books (or commonplaces) are a way to compile knowledge, usually by writing information into books. Commonplaces are used by readers, writers, students, and scholars as an aid for remembering useful concepts or facts. Notion is my preferred tool to implement a commonplace book for code related knowledge.
JavaScript in Plain English·5y10 Best Websites for Practising and Perfecting Front-End Development
10 Best Websites for Practising and Perfecting Front-End Development. Muthu Annamalai Venkatachalam has compiled a list of the 10 best sites to practice your front-end skills. You will reinforce everything you have learned through tutorials and become a more competent front- end developer by using these websites.
Honeypot·5y20 VS Code Shortcuts For Pro Developers
VS Code is one of the most used code editors among developers. It has some amazing features to help developers increase their coding speed. In this article, I'm going to go through 20 VS Code shortcuts that I find the most convenient for me when I'm coding. No worries if it doesn't apply to you, hopefully there will be at least a couple of shortcuts you can learn and apply when you next open VS Code.
Bits and Pieces·5yGoogle Chrome Hidden Features For Developers
Google Chrome Dev Tools is one of the most used tools among web developers. It has some amazing features that most developers are not aware of. In this article, I will discuss the top 5 Chrome DevTools experimental features every developer should try. Google Chrome Hidden Features Every Developer Should Know Google Chrome experiments you should try
freeCodeCamp·5yHow to Write Good Commit Messages with Commitlint
Commitlint is a tool that lints your commit messages and makes sure they follow a set of rules. It runs as a husky pre-commit hook, that is, it runs before the code is committed and blocks the commit in case it fails the lint checks. We are going to see how we can set up commitlint in a simple JavaScript project.
DEV·5yNo More ../../../ Import in React
Absolute imports make the component more readable and clean. Steps to configure absolute Import in Create React App without any third-party packages. For JET Brains IDEs like WebStorm, PhpStorm, RubyMine and etc, we need to add some additional configurations as below.
SitePoint·5yVisual Studio Code Shortcuts: A Programmer’s Guide
This article covers default keyboard shortcuts for Windows, Linux and macOS. Visual Studio Code is one of the most popular and most used code editors. It’s open source and free to use. It provides support for many languages and frameworks, whether through built-in features or the extensive list of extensions available for the editor.
Hashnode·5y100 Things You Should Know as a Software Engineer
Premature optimization is the root of all evil. It is quite rare that you ever need to build something from scratch. Use code comments to explain why you are doing something. 100% line/branch coverage doesn't mean your code is bug-free. Write your tests to covers all functional requirements, not to cover lines/branches.
Dev Genius·4yHow JavaScript Works behind the scenes?
How JavaScript Works behind the scenes? An overview walk-through of all the core components that are involved in the execution of JavaScript code. The Call Stack Concurrency and Event Loop. What happens when you have function calls in the Call Stack that take a huge amount of time to be processed in the browser.
freeCodeCamp·4yLearn Responsive Web Design by Building 20 Projects – a Major freeCodeCamp Curriculum Update
The Responsive Web Design Certification is the first of freeCodeCamp's 10 currently-live certifications. Instead of coding lessons, you'll learn concepts and syntax through a series of 15 practice projects + 5 certification projects. The full certification will take most web development beginners around 300 hours to complete.
JavaScript in Plain English·5yHow to Set Up Your Programming LinkedIn Profile
If you want to get hired as a web-developer, you need a LinkedIn profile. According to research, 87% of recruiters use LinkedIn regularly. LinkedIn uses keywords in various areas of your profile to determine if you’re a relevant result when a potential employer/recruiter is searching.
DEV·5ySecret dev tools for every code newbie
This week we look at some of the best tools for new coders. These tools are not commonly recommended in online tutorials or articles and might not be well-known to code newbies. We also look at a new design tool called Figma, which is like Photoshop remixed with Google Docs.
