Best of daily.devNovember 2021

  1. 1
    Article
    Avatar of jetbrainsJetBrains·4y

    Welcome to Fleet!

    Fleet is a lightweight editor but with a twist. It provides syntax highlighting, simple code completion, and all the things you’d expect from an editor. But wait, there’s more! Fleet is also a fully functional IDE bringing smart completion, refactorings, navigation, debugging, and everything else.

  2. 2
    Article
    Avatar of joshwcomeauJosh W Comeau·4y

    My 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.

  3. 3
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    4 JavaScript Concepts That Every Developer Should Know

    In this post, I will discuss four of the most important JavaScript concepts. IIFE IIFE, aka, Immediately Invoked Function Expression, are JavaScript functions defined as expressions that are immediately invoked and executed as soon as they are defined. Scope Scope determines which variables you have (or do not have) access to in different contexts. Closures are helpful to employ when you would like to pass variables, arrays, or methods from an outer function to an inner function.

  4. 4
    Article
    Avatar of ghblogGitHub Blog·5y

    Thank 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.

  5. 5
    Article
    Avatar of devtoDEV·4y

    Advanced 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.

  6. 6
    Article
    Avatar of gcgitconnected·5y

    How 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.

  7. 7
    Article
    Avatar of devtoDEV·4y

    Mac OS for the Web!

    Mac OS emulator on the Web is an open-source project on Github. It has programs like Notes, Calculator, Terminal, VScode, and other apps and features on this website. The website has PWA (Progressive Web Apps), which with this feature we can install it on any operating system.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    How 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.

  9. 9
    Article
    Avatar of phProduct Hunt·5y

    Dev.page - Your all-in-one developer page: devpage/yourname

    Dev.page is your all-in-one developer page with your info, bio, skills, and links to your GitHub, StackOverflow, LinkedIn, Twitter, Blog and more. Claim your dev.page username and build an amazing page in just 2 minutes!

  10. 10
    Article
    Avatar of devtoDEV·5y

    CodeSandbox Black, the best VSCode theme ever!

    I launched it on Product Hunt too and it would be awesome if you checked it out and tried it out yourself! It's based on codesandbox.io, hope you enjoy it! Get Oh My Zsh for your terminal here. Get MonoLisa fonts here MonoLisa.

  11. 11
    Article
    Avatar of vscodeVisual Studio Code·5y

    Notebooks, Visual Studio Code style

    Notebooks are documents that contain a mix of rich Markdown, executable code snippets, and accompanying rich output. Visual Studio Code has supported Jupyter Notebooks for several years but recently added native notebook support into the VS Code core. Anyone can make a VS Code notebook extension that supports custom languages and rich output and creating a notebook is no different than creating any other extension.

  12. 12
    Article
    Avatar of bitBits and Pieces·5y

    Writing Clean Code in JavaScript

    Using object destructuring makes the code much simpler and easier to understand. Use multiple input parameters instead of single object inputs. Arrow functions provide a concise way of writing JavaScript functions. Use Template Literals for String Concatenations. Avoid the most popular way to express and handle nested functions in JavaScript 7.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    Learn all about Micro-Frontends

    Micro-frontends is a method to build a website or web app as a composition of features which can be created and worked on separately. Jack Herrington created this course. Jack has worked as a principle engineer and is an excellent teacher. Jack will take you from just starting out, to understanding asynchronous loading, error handling, shared state, cross platform micro- frontends, how to route multiple applications together, and even how to test micro-frontend code.

  14. 14
    Article
    Avatar of phProduct Hunt·5y

    Automa - A chrome extension for automating your browser

    An extension for automating your browser by connecting blocks. From auto-fill forms, to scraping data of the website, it's up to you what you want to do with this extension. It's free to download and use, and there are no plans to stop using it.

  15. 15
    Article
    Avatar of devdojoDevDojo·5y

    Free 100+ MERN / MEAN Stack resources

    I have gathered all the resources that you will require to become a MERN or MEAN stack developer. All these resources will include Articles, Videos, Course, Websites, Tutorials, Books etc. And everything is FREE. You should know the basics of HTML, CSS AND JS.

  16. 16
    Article
    Avatar of daily_updatesdaily.dev Changelog·5y

    docs.daily.dev 🤩

    Built with Docusaurus. 100% Open Source. Check out the repo: https://github.com/dailydotdev/docs. Dark/Light modes. Search (powered by Algolia) Search is powered by AlGolia. The official daily.dev product docs: http://www.daily.dev/product/daily-dev-product-doc.

  17. 17
    Article
    Avatar of hashnodeHashnode·4y

    Fakeflix, a Netflix Clone built with React, Redux

    Fakeflix is a clone of Netflix's splash animation. The project has been selected and inserted inside the trending repositories for five days in a row. It's a project to learn how to structure a Web App of a mid-level complexity integrating Redux logic and experiment with things like Redux Thunk.

  18. 18
    Article
    Avatar of devtoDEV·4y

    Responsive Design CSS tips

    Using em/percentage/rem instead of px, so that the text, images size adjust with respect to the device width. Flex-wrap - Using flexbox to align your HTML elements such as <div> etc. Media query - Media query should be used to set width and height according to the breakpoints.

  19. 19
    Article
    Avatar of honeypotHoneypot·4y

    10 Developer Job Interview Red Flags

    Some companies imply that constant overtime is just ‘part of the job’ Some companies will expect developers to put in more hours than is fair. 'Rockstar required!' has become a part of start-up jargon that many developers are now rolling their eyes at because it’s one of those terms that doesn’t mean anything.

  20. 20
    Article
    Avatar of hashnodeHashnode·5y

    Becoming a web 3 developer

    If you want to advance your career to become a Web 3.0 developer or get started, a structured roadmap will definitely lead you towards your goal. Getting into the Blockchain industry where the average programmer is paid around $ 140,000 per year is probably the best investment you can make as a developer.

  21. 21
    Article
    Avatar of asayerasayer·4y

    8 Cool VS Code tips to make your workspace more personal

    Visual Studio Code is one of the most popular integrated development environments (IDEs) that exist today for developers. It is an open-source, lightweight desktop application by the team at Microsoft. It has built-in support for languages like TypeScript, Javascript, Node JS, and a very extensive marketplace for extensions for other languages.

  22. 22
    Article
    Avatar of hashnodeHashnode·5y

    Transitioning to Web 3.0

    Web 3.0 aims to create an internet where ownership and control are decentralized. It is the latest generation of internet applications and services powered by blockchain technology. Bitcoin is the first truly digital currency and the inspiration for web 3. 0. The concept of the blockchain is similar to a country made up of many cities connected together by a network of roads.

  23. 23
    Article
    Avatar of gcgitconnected·4y

    Top 30 Git Commands You Should Know To Master Git CLI

    Git is the most popular distributed version control system in the world. Learn the most essential Git commands to boost your productivity. Set up your username and email to link commits with your name. Cache your login credentials to avoid re-typing the username and password every time you perform a commit.

  24. 24
    Article
    Avatar of devtoDEV·5y

    How To Become A Senior Developer In 3 Simple Steps

    Developers need to transcend themselves if they want to survive in the software industry. To effectively become a senior developer, you must develop a higher level of self-awareness, both technical and personal. Here are the fundamental lessons you need to learn to avoid mistakes to get to senior level.

  25. 25
    Article
    Avatar of ballerinaBallerina·5y

    Securing Microservices with JWT

    This guide explains how to secure an 'Order Management Service' (RESTful service) with JWT Auth using Ballerina. JWT helps to pass the end-user context across microservices in a manner that can’t be forged. Because the claims set of the JWT is signed by the STS, no microservice can change its content without invalidating its signature.