Best of Web DevelopmentNovember 2022

  1. 1
    Article
    Avatar of communityCommunity Picks·3y

    Advanced TypeScript

    Mapped types are a great way of transforming existing types into new types. We create the helper type that takes a type and maps all properties to be of return type.

  2. 2
    Article
    Avatar of communityCommunity Picks·3y

    5 websites to learn Frontend-web development faster

    In this article, I have curated 5 resourceful sites that will help you better you web development skills really fast. Exercism gives you the same path of study with extra challenges to help you grow faster. Below is a roadmap to master the fundamentals of JavaScript using this site.

  3. 3
    Article
    Avatar of gcgitconnected·3y

    Javascript Design Patterns

    Singleton design pattern exposes a single instance that can be used by multiple components. Singleton Pattern can be considered the basics of global state management libraries such as Redux or React Context. The factory pattern is preferred in cases where the object creation process depends on dynamic factors.

  4. 4
    Article
    Avatar of communityCommunity Picks·3y

    Moving Letters

    Text animated with JavaScript & anime and anime. Text animated with CNN & anime. Use this to help you with reading comprehension and vocabulary. Use the weekly Newsquiz to test your knowledge of stories you saw on CNN.com and iReport.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    TypeScript for React Developers – Why TypeScript is Useful and How it Works

    The idea behind this article is to go through the basics of TS and understand the benefits of TypeScript. In the second section of this article, I will cover the specifics of TS with React. This should help you decide if you want those benefits or not.

  6. 6
    Article
    Avatar of communityCommunity Picks·3y

    Introduction to Micro-frontends

    Micro-frontends is the beginning of the micro frontends journey. The idea behind Micro Frontends is to think about a website or web app as a composition of features which are owned by independent teams. Each team should be able to choose and upgrade their stack without having to coordinate with other teams.

  7. 7
    Article
    Avatar of asayerasayer·3y

    A Top Collection of CSS Code Generators

    Animista is one of the most acceptable code generators for creating animations using CSS. The tool provides a library of pre-made CSS animations that could be included in your work. CSS3 Generator takes care of all the vendor prefixes. OpenReplay is self-hosted for full control over your data.

  8. 8
    Article
    Avatar of bitBits and Pieces·3y

    Clean Up Code Smells with Clean Code: TypeScript Edition

    Code smells are a result of unclean or misguided programming. Code smells have many severities, from minor code smells to code smells that maybe acceptable. Clean Up Code Smell with Clean Code: TypeScript Edition Common Code Smells in JavaScript and TypeScript and How To Fix Them What is a code Smell?

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn CSS – Responsive Web Design Study Guide

    Learn CSS - Responsive Web Design Study Guide Cascading Style Sheets (CSS) This study guide is filled with additional information, articles, and videos to help you understand the concepts better. The first part of the project reviews HTML elements and then moves onto CSS. This includes headings, paragraphs, images, links, and more. The body element contains all of the content for the web page. For more information, see the complete list of topics covered.

  10. 10
    Article
    Avatar of syncfusionSyncfusion·3y

    Null vs. Undefined in JavaScript

    Null and Undefined data types may appear similar when viewed at an abstract level. As a result, developers often need clarification and help when debugging errors related to these two values.

  11. 11
    Article
    Avatar of communityCommunity Picks·3y

    Best practices for styling React native apps

    React native apps can be used independently and easily configurable so you can adjust for your needs and the specificities of the projects. Theming is a simple way to use a theme: a plain javascript object. Conditional styles with functions and typescript with a single function are the best ways to achieve multiples styles.

  12. 12
    Article
    Avatar of phProduct Hunt·3y

    Beautiful CSS Checkboxes by CSS Scan - Curated collection of 65 free beautiful checkboxes

    Curated collection of 65 free beautiful checkboxes by CSS Scan is ready to use for your next projects. Click to copy it and share it with you.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Work with Strings in JavaScript – Tips for Efficient String Concatenation

    How to Work with Strings in JavaScript - Tips for Efficient String Concatenation is a string. This will dramatically increase the performance of your web applications, both on the frontend and backend. The default string concatenation algorithm is too inefficient and wastes a lot of memory.

  14. 14
    Article
    Avatar of communityCommunity Picks·3y

    Laravel Splade - Single Page Applications with Laravel Blade

    Laravel Splade - Single Page Applications with Laravel Blade Splade provides a super easy way to build Single Page applications. With the Modal component, Splade has built-in support for modals and slideover. Splade comes with a set of Form Components to rapidly build forms.

  15. 15
    Article
    Avatar of communityCommunity Picks·3y

    How to Become a Web Developer Fast and Get your First Job

    Web developers are responsible for the efficiency of the codes of a website. They can use their skills to create websites for businesses or charities. FreeCodeCamp, Udemy, and Udacity have a lot of valuable web development courses that will teach everything from basic HTML and CSS skills to more advanced front-end techniques like responsive web design and javascript frameworks.

  16. 16
    Article
    Avatar of calibreappCalibre·3y

    8 Causes of Slow Website Loading (And How To Fix Them)

    Unoptimised images and videos are the easiest places to start when looking to speed up your web page. Unoptimised fonts on your website add up to 10 seconds to your initial page rendering process. Cutting where you can with third-party scripts is a good way to improve loading speed.