Web Development Guide

[lencx]

Guide

• Learn to Code — For Free — Coding Courses for Busy People - Learn to Code — For Free.
• MDN Web Docs - The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
• Web | Google Developers - Build the next generation of web experiences.
• Web Development for Beginners - A Curriculum - 24 Lessons, 12 Weeks, Get Started as a Web Developer
• The Modern JavaScript Tutorial - Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.
• Can I use... Support tables for HTML5, CSS3, etc - "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
• W3Schools Online Web Tutorials - Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
• DEV Community 👩‍💻👨‍💻 - A constructive and inclusive social network for software developers. With you every step of your journey.
• Medium - Every idea needs a Medium.
• Sitepoint - Stay at the cutting edge of tech
• Fireship.io - Training and Consulting for App Developers | Full Courses, Video Lessons, Chat, and More.
• Master the JavaScript Ecosystem - ui.dev - Comprehensive learning resources for mastering the JavaScript ecosystem.
• React Training - React Corporate Workshops, Training, and Consulting.
• awesome-lowcode - 国内低代码平台从业者交流
• Spellbook of Modern Web Dev - A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development
• 30 seconds of code - Browse 1043 short code snippets for all your development needs on 30 seconds of code.
• JavaScript Series
• CSS Series

Frame

• React - A JavaScript library for building user interfaces
  • Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
• Vue.js - The Progressive JavaScript Framework
  • petite-vue - 5kb subset of Vue optimized for progressive enhancement
• Angular - The modern web developer's platform
• Svelte - Cybernetically enhanced web apps
• Fre - 👻 Tiny Footprint Concurrent UI library for Fiber.
• Solid - Solid is a purely reactive library. It was designed from the ground up with a reactive core. It's influenced by reactive principles developed by previous libraries.
• Lit - Simple. Fast. Web Components.

Awesome

• Awesome React
• Awesome Vue

Charts

• visx - is a collection of reusable low-level visualization components. visx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM.
• Antv - AntV is a new generation of data visualization technique from Ant Group. We provide best practices of data visualization with simplicity, convenience, profession, reliability, and infinite possibilities.

Surveys

• W3Techs - extensive and reliable web technology surveys - W3Techs provides information about the usage of various types of technologies on the web.

RegExp

• Regexper - Regular expression visualizer using railroad diagrams
• Regulex - JavaScript Regular Expression Visualizer.
• RegExr: Learn, Build, & Test RegEx - RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).
• Regular-Expressions.info - Regex Tutorial, Examples and Reference - Regexp Patterns - At Regular-Expressions.info you will find a wide range of in-depth information about a powerful search pattern language called regular expressions.
• Online Regex tester and visualizer - Python, PHP, Ruby, JavaScript, Java - Online regular expression tester for Python, PHP, Ruby, JS, Java and MySQL. Regex visualizer. Syntax highlighting. Cheatsheet. Generate string corresponding to a regex.
• Debuggex: Online visual regex tester. JavaScript, Python, and PCRE. - Test your regex by visualizing it with a live editor. JavaScript, Python, and PCRE.
• Free Online Regular Expression Tester - FreeFormatter.com - Free online regular expression tester with cheatsheet and most common solutions to common problems

Blog

• 2ality – JavaScript and more
• Front-end Web Development, Chewed Up ← Alligator.io - Learn Angular 2+, Vue.js, React, TypeScript, Ionic, JavaScript (ES6/ES2015+) & CSS with short, straightforward posts.
• Overreacted - Personal blog by Dan Abramov. I explain with words and code.
• RWieruch - Software Engineer for React.js, Node.js, GraphQL and JavaScript. Based in Berlin, German/English speaking. Consulting/Freelancing for Web Development project: Code Audits/Reviews, Workshops, Training, Implementation ...
• Dave Ceddia - Articles to help you learn and master frontend development with React.
• Charlie Gerard | Senior frontend developer & Creative Technologist - Collection of side projects, conference talks and blog posts experimenting with frontend technologies and human-computer interaction.
• Lea Verou – Life at the bleeding edge (of web standards)
• Blog - Chris Coyier
• Flavio Copes - JavaScript and Web Development Tutorials