Best of Web DevelopmentOctober 2021

  1. 1
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·4y

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

  2. 2
    Article
    Avatar of devtoDEV·4y

    10 YouTube channel you need to subscribe.

    If you are a programmer/web developer then you definitely should follow these YouTube channel. The list is not in any specific order. It is not a list of all the best web developers. It's just a collection of some of the best YouTube channels of all time. For more information on these channels click here.

  3. 3
    Article
    Avatar of devtoDEV·4y

    Python + JavaScript = 🔥🔥🔥

    Python can be a superior option to Node.JS for some tasks. But we don't want to switch to Python just because of that one feature. We can use child process in Node. JS to run a python script when needed. And if we want we can pass data to our python script also.

  4. 4
    Article
    Avatar of medium_jsMedium·4y

    Remaking WordPress in JS stack. Hello to a new CMS for Next.js websites.

    Cromwell CMS is a free and open-source CMS for Next.js websites. It is a set of packages and services that can be installed and launched independently. It inherits the advantages of microservice architecture, and it’s much easier to update the CMS simply via running one node command.

  5. 5
    Article
    Avatar of hashnodeHashnode·5y

    Full-stack developer roadmap 2021

    A Full-Stack developer is a developer who can manage both Front End and Back End web development. Front-End developers deal with website design, outlook, and make creative websites. Back-End is managed using programming languages like Java, PHP, Ruby, and Python.

  6. 6
    Article
    Avatar of geekcultureGeek Culture·5y

    Web Application Architecture

    A web application architecture describes the layout of all the component of a web application. It highlights the interactions between various application components, third-party middleware systems, web services, and databases. This provides a snapshot of interaction between a number of applications working together simultaneously to provide service to end users.

  7. 7
    Article
    Avatar of hashnodeHashnode·5y

    I Learn Full Stack Development Again

    The "Full Stack Open" course aims to introduce people to modern web application development with JavaScript. The main focus of the course is on teaching you how to build single page applications with React that use REST/GraphQL APIs built with Node.js. In this series, I will write about my progress, struggles, wins and learnings regarding my journey to Full Stack Development.

  8. 8
    Article
    Avatar of gcgitconnected·4y

    Micro Frontend Architecture

    Micro frontends are an extension to a microservices pattern, where the functionality is extended to the front-end. With micro frontends, you can upgrade, update, or even rewrite parts of the frontend more smoothly than was previously possible. The idea behind Micro Frontends is to think about a web app as a composition of features that are owned by independent teams.

  9. 9
    Article
    Avatar of devtoDEV·5y

    10 Awesome Websites to find Web Developer Remote Jobs

    The year is 2021 and the web development job market (or programming in general tbh) is all about remote positions. If you want to take advantage of it to get your next job (or a side one), make sure to bookmark this article. Simply Hired has millions of Jobs, many of them remote. Bergamot is a remote tech jobs aggregator with thousands of job posts.

  10. 10
    Article
    Avatar of javacodegeeksJava Code Geeks·4y

    11 Front End Development Trends You Should Follow in 2021

    Front end development involves implementing the web user interface through coding languages like HTML, CSS, and JavaScript. Adopting the latest front-end techniques in a quick software development ecosystem is always in demand. In this blog, we look at how front end development trends have evolved in 2021 and how organizations have accelerated by using these technologies.

  11. 11
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·4y

    WebSocket: An In-Depth Beginner’s Guide

    WebSocket enables simultaneous sending and receiving of messages by both client and server. By supporting two-way communication, WebSocket allows us to develop real-time applications where a server sends updates to a client whenever necessary. It also reduces communication overhead by eliminating the need for the 3-way handshake for each communication.

  12. 12
    Article
    Avatar of asayerasayer·4y

    Another Npm Package Is Highjacked and It's Your Fault That This Happened

  13. 13
    Article
    Avatar of css_tricksCSS-Tricks·5y

    Scroll Shadows With JavaScript

    scroll shadows are when you can see a little inset shadow on elements if (and only if) you can scroll in that direction. You can actually pull it off in CSS, which I think is amazing and one of the great CSS tricks. Except… it just doesn’t work on iOS Safari.

  14. 14
    Article
    Avatar of smashingSmashing Magazine·4y

    A Simple But Effective Mental Health Routine For Programmers — Smashing Magazine

    Maintaining optimal mental health is critical for programmers because most of our work is more mentally demanding than it is physically. We can’t help but want a fairly long break from our computers or working before we can continue with our work. Having a planned list of activities for the day and ensuring we do every activity when we are supposed to allow us to be less stressed and feel more fulfilled.

  15. 15
    Article
    Avatar of indepthinDepth.dev·4y

    The Micro-Frontend Chaos (and how to solve it)

    Micro-frontend allows us to use those different applications not just on the code base, but also in development, deployment and serve. Micro-frontends can load applications during run time without the need to build the entire dependency graph. But, even though, all of those applications are going to be hosted side by side as a single monolith on the user browser.

  16. 16
    Article
    Avatar of devtoDEV·5y

    Top animation libraries for React

    There are a lot of react animation libraries available for reactjs. The top ones are listed below. If you have any questions, please comment down below. Subscribe to Cules Coding so that you don't miss the cool stuff. Back to the page you came from.

  17. 17
    Article
    Avatar of baeldungBaeldung·5y

    REST vs. gRPC

    In this article, we’ll compare REST and gRPC, two architectural styles for web APIs. REST (Representational State Transfer) is an architectural style that provides guidelines for designing web. APIs. GRPC is an open-source data exchange technology developed by Google using the HTTP/2 protocol.

  18. 18
    Article
    Avatar of smashingSmashing Magazine·5y

    A Guide To CSS Debugging — Smashing Magazine

    Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. We’ll look at a few categories bugs often fit into, see how we can evaluate the situation, and explore techniques that help prevent these bugs. A Guide To CSS Debugging.

  19. 19
    Article
    Avatar of devtoDEV·4y

    Why choose React for frontend?

    React is an efficient, declarative, and flexible open-source JavaScript library for building simple, fast, and scalable frontends of web applications. It is a stronger framework because of its ability to break down the complex interface and allow users to work on individual components. Currently React is used by many fortune 500 companies including Airbnb, Tesla, Tencent QQ, and Walmart.

  20. 20
    Article
    Avatar of gcgitconnected·5y

    3 Things I Learned From Contributing to Open Source

    This week, I’ve been contributing to another static site generator (SSG) I picked up a few things that may be useful to first time open source contributors. Be cautious about the changes. Respect the author’s coding style. Communication is your best ally.

  21. 21
    Article
    Avatar of hashnodeHashnode·5y

    Tips for CSS Responsive design

    The first line of code to get started with responsive design is to be placed in the head section of the page. You must start with Responsive Header, placing this code inside the head of the HTML page. For responsive design, the best approach is to design a mobile version of your website first.

  22. 22
    Article
    Avatar of phProduct Hunt·4y

    Ventana UI Kit - Web application UI kit created in Figma

    Ventana is a UI kit that simplifies your work when designing web applications. It contains several pre-made components that you can use to quickly prototype and design beautiful interfaces. Embed Collect is a collection of the most popular Embed collectors from around the world.

  23. 23
    Article
    Avatar of devtoDEV·5y

    Front-End Resources

    This is my first post in dev.to. I met front-end development exact 1 year ago and it's the best thing ever happened to me. I want to share some resources which I use when build things, for this anniversary. I learned so many things from this resources and I hope it will be useful you too.

  24. 24
    Article
    Avatar of smashingSmashing Magazine·4y

    How To Build An Amazon Product Scraper With Node.js — Smashing Magazine

    Web scraping is the practice of extracting large amounts of web data through the use of software. Scraping Amazon product pages can net you invaluable data such as features, prices and reviews. While the act of scraping publicly available data is legal, Amazon has some measures to prevent it on their pages.

  25. 25
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    Build Four Node.js and Express.js Projects

    .com. Build Four Node.js and Express.js Projects with Beau Carnes. See the rest of the projects at: http://www.carnes.com/node-js-and-express-jstor-project-4.html.