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.
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.
DEV·5yTop 5 JavaScript animation libraries 2021
Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. Vivus allows you to animate SVGs, giving them the appearence of being drawn. Typeit.js allows creating awesome typing animation in your website. ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects.
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.
Hashnode·5y🔥 6 Awesome CSS Layout Generators
6 awesome CSS layout generators/tools that will help you in rapid prototyping and front-end development of CSS layouts for your projects. Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with this interactive CSS Grid Generator.
It's Foss·5yPlanner: A Beautiful Open-Source Task Management App
Planner is an open-source to-do list app that helps you organize and collect your ideas/tasks. It was originally tailored for a seamless experience with elementary OS, hence, for the best user experience, you can try installing an elementary OS theme and icons. Unfortunately, it is not available for any other platform but Linux.
DEV·5ySkills required to be a full stack developer: a checklist
The skills list required to be a full stack developer is long and it can be hard to know exactly what skills you need. The often shared online resource for this kind of thing is roadmap.sh but, while it is extensive, I think the amount covered here is too much to be helpful to new developers. I have my own list, it’s a bare minimum required skills list and it looks like this:
Product Hunt·5yNoteli - An open source CLI tool to take notes
Noteli is an Open Source CLI tool made especially for note-taking. Built using powers of TypeScript and security of Auth0 with MongoDB. Noteli would help developers to take notes quickly from the shell without wasting time through GUI :P Embed Collect Embed collect.
Hashnode·5y7 Trending projects on GitHub for JavaScript developers
Web Development for Beginners is a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. D3 is a JavaScript library for visualizing data using web standards. Mammoth is designed to convert .docx documents, such as those created by Microsoft Word, Google Docs, and LibreOffice, and convert them to HTML.
DEV·5yEssential Concepts in JS
Javascript is a language that can do almost anything you want it to do today with much ease. It is different from C/C++ in that it is interpreted line-by-line, rather than a program being read at once. It can only perform one single task at a time. It queues different tasks into different queues based on type.
Honeypot·5y14 Best Chrome Developer Tools 2021
Google Chrome is one of the most popular and reliable browsers. Chrome’s biggest selling point is its smooth integration with other Google apps. With this list, you’ll discover a few more gems to add to your toolbar. Web Developer extension is like a pocket knife, you can inspect elements and start debugging your website(s)
DEV·5yBest VS Code setup
This story is intended for Javascript or Typescript dev. It includes extensions which I describe, but most likely you can use all of them. I have been spending a lot ( so much ) time creating the best coding setup. It's free to use, but you will have the best opportunity to make your coding process so lovely.
Honeypot·5yBest React Developer Tools 2021
Europe's IT worker shortage is projected to grow, meaning job openings for React developers are on the up and up. It's always important to stay up to date with the latest in the world of React to be a competitive player in the job market. Let's talk about what React developer tools are being used in 2021 and why you should include them in your stack.
JavaScript in Plain English·5yThe Greatest React Developer I Ever Met
Mohammad Faisal shares the story of one of the greatest engineers he has seen in his life. He was not the fastest but he cared about best practices. His code was so beautiful that a junior developer had absolutely no problem understanding what was going on there. He left the company due to conflict with management.
Chrome Developers·5yNew in Chrome 93
Chrome 93 will ship on September 21. New PWA features include CSS Module Scripts and Multi-Screen Window Placement API. Installed PWAs can register as URL handlers, making it possible for users to jump straight into your PWA. The PWA Summit is coming up October 6-7.
CSS-Tricks·5yYou want enabling CSS selectors, not disabling ones
An enabling selector is what I call a selector that does a job without disabling the particular rule. Let's say we have list items and we want to add the margin to every one except the last one. First, we add margin-bottom to all elements. Then, we disable the bottom margin on the last element.
GitHub Blog·5yGitHub’s Engineering Team has moved to Codespaces
GitHub is making Codespaces available to Team and Enterprise Cloud plans on GitHub.com. Codespaces provides software teams a faster, more collaborative development environment in the cloud. GitHub’s Engineering Team has moved to Codespaces. Adopting Codespaces has provided us with an opportunity to improve our overall development experience.
JavaScript in Plain English·5yFront-End System Design Guide
System Design is the process of designing the elements of a system such as the architecture, modules and components. It also includes the different interfaces of those components and the data that goes through that system. The purpose of the System Design process is to provide sufficient detailed data and information about the system and its system elements.
Hashnode·5yFrom zero to Web developer
Web development is the work involved in developing a website or a web application. There are multiple paths you can take while learning web development. This is the one I would take if I had to do it all over again. These steps are going from the very beginning, so it's suited for beginners.
Hashnode·5yJavascript Clean Code Tips & Good Practices
Code should be written in such a way that is self-explanatory, easy to understand, and easy to modify or extend for the new features. Don't turn naming into a riddle game. Use default arguments instead of short-circuiting or conditionals. The smaller the function the better it is to understand and refactor.
Faun·5yMongoDB — Complete Guide
MongoDB is a cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas. MongoDB is built for modern application developers and for the cloud era. NoSQL is used to store structured as well as unstructured data.
DEV·5yMicrofrontends With React
Micro Frontends allows you to develop, deploy and maintain applications individually. Like Uber where booking and payment services are individually developed and deployed. It means, your application is divided into various individual applications and easy to maintain. We will see a React Website using Micro Frontends where we create three applications, Blogs App, Header App and Container App.Please download full source code from our GitHub.
Hashnode·5yI Built A SaaS Startup In 2 Months, Here's What I Learned.
Upsocial aims to be an all-in-one social media dashboard built for content creators. It uses social media API's to track and store your profile and content growth over time, and display that information in a simple dashboard. Upsocial uses all of my favourite technologies, and is 100% serverless. It takes advantage of some of the same technologies that Hashnode utilizes too!
DEV·5yHow to decide CSS units for responsive website?
Px unit is fixed in size no matter what screen size you choose. If there's no defined parent then by default body is considered the parent. vw stands for the viewport width which means vw is always relative to the 1% of the width of root, irrespective of parent element's width. vh stands for viewprot height like vw it's also relative to 1% height of root/document.
Honeypot·5yHow to Link JavaScript to HTML
JavaScript (JS) empowers web developers to create dynamic web experiences. Utilising Javascript in HTML when developing dynamic web app experiences is a key skill of web devs. HTML’s script tag makes linking JavaScript to HTML simple. The ability to link JS to HTML has made the web a truly dynamic place where anything is possible.