30 open-source projects similar to cod3rcursos/web-moderno, ranked by shared indexed features. Tags may describe platforms or build tools rather than the same primary purpose. Check each project’s use case, license, and deployment requirements before treating it as a replacement.
This project is a comprehensive JavaScript programming tutorial and frontend web development curriculum. It serves as a structured educational resource for learning the JavaScript language, ranging from basic syntax to advanced asynchronous patterns and modern programming techniques. The resource functions as a frontend engineering textbook and CSS layout guide, providing detailed instructional material on building responsive user interfaces. It covers the design of custom web components and the application of styles and positioning to create effective frontend interfaces. The curriculum enc
This project is a structured JavaScript programming course and learning path designed for beginners. It functions as an interactive coding tutorial and frontend web development guide, providing a curriculum centered on the JavaScript language. The project focuses on building dynamic web interfaces through the manipulation of the Document Object Model. It provides a series of instructional guides and practical challenges that allow for interactive coding practice and the verification of code execution within a dedicated environment. The curriculum covers core programming fundamentals, includi
This project is an open-source educational resource and technical guide focused on React.js. It serves as a learning platform and curriculum for mastering frontend web development through structured tutorials and hands-on coding exercises. The resource specifically focuses on component architecture and the creation of modular, reusable user interfaces. It provides guidance on implementing unidirectional data flow and managing the lifecycle of interactive components. The curriculum covers core capabilities including state management patterns and the implementation of global stores. It transla
This project is a comprehensive collection of web development exercises and application concepts designed to help developers practice and improve their technical proficiency. It serves as a curated resource for building diverse software projects, ranging from simple utility tools to complex, interactive web applications that demonstrate core programming and interface design skills. The repository distinguishes itself by providing a wide array of practical implementation challenges that cover the full spectrum of frontend and full-stack development. Users can engage with tasks that require man
This project is a jQuery frontend plugin and UI component library designed to build mobile web interfaces. It functions as a mobile web UI framework, providing a collection of pre-made visual components and controls. The library focuses on mobile web UI development and jQuery interface design. It is used for creating consistent mobile-friendly web pages and maintaining or updating legacy mobile web projects that rely on jQuery for frontend structure and visual presentation.
This project is a comprehensive front-end development guide and roadmap designed to help engineers master the skills and professional standards required for modern web development. It serves as a technical reference for mastering HTML, CSS, and JavaScript, providing structured learning paths and a map of the professional competencies needed to transition from a beginner to a professional web engineer. The resource functions as a categorized directory and ecosystem overview of the JavaScript landscape. It catalogs industry-standard frameworks, libraries, and utilities, offering specific recomm
MDN Web Docs is the official source for comprehensive documentation about HTML, CSS, JavaScript, HTTP, and Web APIs for web developers. It serves as both a complete reference for web browser technologies and a structured learning platform that guides users from beginner to advanced levels through tutorials covering core web standards. The project distinguishes itself by providing a complete reference documentation for standard browser APIs alongside guidance for building accessible websites that work with assistive technologies. It offers documented security techniques and best practices for
This is an educational resource for learning front-end web development fundamentals. It provides structured tutorials, hands-on exercises, and ready-to-run code samples covering HTML, CSS, and JavaScript. The content is designed for beginners, starting from zero knowledge and building up through guided, practical examples. It includes materials for learning CSS layout and styling techniques, as well as core JavaScript programming concepts like variables, functions, and DOM manipulation. The repository offers a collection of executable code snippets that complement the tutorials, allowing lea
This open-source educational material serves as a comprehensive learning guide and workshop curriculum designed to teach absolute beginners how to build and deploy web applications from scratch. It provides structured, self-paced instructions focused on server-side code, backend logic, database abstraction layers, and HTML rendering patterns using Python and the Django web framework. The guide is organized as a step-by-step walkthrough that breaks down complex technical lessons into linear, bite-sized tasks complete with expected output snippets. It covers command-line execution steps for ins
This is the Chinese translation of The Modern JavaScript Tutorial, an open-source, community-driven project that teaches JavaScript from fundamentals to advanced topics based on the latest ECMAScript specification. The project covers the full JavaScript language, including object-oriented programming, and provides comprehensive instruction on browser programming, DOM manipulation, and client-side web development. The tutorial is structured as a multi-language translation framework, with each chapter and article organized into numbered folders for clear navigation. Contributors can translate M
This project is a CSS theme for the Firefox web browser designed to integrate its user interface with the GNOME desktop environment. It implements a visual layer that aligns browser elements with the typography, spacing, and overall design language of the GTK system. The theme provides multiple color palettes, including standard dark mode and high-contrast OLED black variants. It also includes system icon integration, allowing the browser to replace internal images with system-level icons to match the host operating system's aesthetics. Beyond color and iconography, the project covers interf
This project is a comprehensive educational suite of coding challenges and implementation guides focused on JavaScript. It provides a collection of programmatic exercises and interview questions designed to practice core logic and algorithms. The repository serves as a test-driven development workbook, pairing coding problems with test suites to verify the correctness of implemented solutions. It includes a specific framework for exercise solution verification and the integration of asynchronous logic into automated testing flows. The content covers a wide range of computer science building
This is a video course that teaches JavaScript from scratch, covering fundamentals like variables, functions, scope, closures, and data types through 88+ lessons organized into 15 modules. The course uses a live-coding pedagogy where students code alongside pre-recorded video lessons, with each lesson providing starter and solution files for self-paced practice. The curriculum focuses on browser-native APIs, teaching DOM manipulation, event handling, and data fetching without external frameworks. Students build real-world projects like image galleries, drawing tools, and audio visualizers thr
This project is an educational code repository containing a collection of over 50 mini web development exercises. It serves as a front-end learning resource designed to help developers practice foundational skills by building small, interactive projects using standard HTML, CSS, and JavaScript. The repository distinguishes itself by focusing on standalone interactive component prototyping and the implementation of client-side logic. Each project is organized into a decoupled directory structure, allowing users to explore individual interface patterns and visual effects in isolation. These exe
This project is a front-end education portal and static website that serves as a repository for web development courseware. It provides instructional materials and source code for learning the fundamentals of HTML, CSS, and JavaScript. The site functions as a resource for students to practice programming skills through guided exercises and downloadable learning assets. It distributes educational content including instructional PDFs and exercise code to facilitate the study of front-end web development. The platform covers a variety of capabilities, including the integration of multimedia con
Flat-UI is a collection of responsive UI toolkits and CSS libraries used to build websites and interactive web components with a flat design aesthetic. It provides a responsive frontend toolkit and a web component library based on the Bootstrap framework to create adaptive layouts. The library focuses on implementing a consistent flat design through predefined hex color palettes and typography styles. It replaces standard browser elements with customized visual styles to remove skeuomorphic depth. The toolkit covers a broad range of interface capabilities, including customized form elements
This project is an interactive JavaScript course and beginner programming guide designed to teach fundamental scripting logic and language syntax. It functions as a web-based coding tutorial that transforms markdown-based lessons into a static site curriculum for learning web development basics. The resource features a browser-based code sandbox that allows for the execution of JavaScript snippets within a secure environment for immediate feedback. Lessons are organized into a linear sequence of modules to provide a structured onboarding process for those new to software development. The sys
jupyter-themes is a Jupyter Notebook theme manager and CSS interface customizer. It provides a command line tool to apply custom color schemes, fonts, and layout styles to notebook environments. The project includes a data visualization styling tool that synchronizes the aesthetic properties and color schemes of plotting libraries with the active interface theme. This ensures that data charts and figures remain visually consistent with the overall workspace theme.
This project is a technical interview preparation resource focused on JavaScript. It provides a collection of common technical questions, detailed answers, and conceptual quizzes designed to help users master core language fundamentals and browser APIs. The resource utilizes an interactive infrastructure that includes a coding workspace with in-browser runtime execution and an automated test suite to validate code correctness. It organizes content through curated learning paths and modular concept mapping to decompose complex language fundamentals into searchable study modules. The curriculu
This is a collection of small JavaScript projects and code samples that demonstrate the implementation of fundamental programming concepts through practical applications. The repository serves as a reference for building interactive user interfaces, managing application state, and integrating external APIs using vanilla JavaScript. The project focuses on the use of standard JavaScript without external frameworks to create interface elements such as modals, sliders, and galleries. It provides examples of organizing complex application logic through object-oriented patterns using classes and ob
Browserslist is a browser target configuration tool and market share database. It provides a shared configuration layer that synchronizes supported browser versions across various front-end development tools, such as JavaScript compilers and CSS autoprefixers, to determine necessary syntax transforms and polyfills. The project translates human-readable queries into specific lists of browser versions based on global and regional usage statistics. It allows for the integration of custom analytics data to override global market share and can generate regular expressions from target lists to dete
GrapesJS is a framework for creating no-code visual editors that produce HTML and CSS templates. It provides a browser-based interface for designing website and newsletter structures using a drag-and-drop page editor. The project functions as a web builder framework, enabling the development of custom design environments. It includes a system for managing nested HTML elements, modifying layout properties via a graphical interface, and organizing components through a page layer hierarchy. The toolset covers digital asset management for organizing images and files, as well as the ability to pe
HTML-Renderer is a managed C# library that processes HTML and CSS content to render desktop user interfaces, generate image files, and export PDF documents. Built entirely in managed code without external native dependencies, the library parses markup into a structured document object model, applies cascading style rules, and computes virtual box layouts directly in memory. The rendering pipeline features a direct bitmap rasterisation engine that draws styled layouts straight onto graphics targets and document canvases, along with a dedicated pagination engine that splits continuous layouts a
This project is a web development educational resource and HTML5 learning repository. It serves as a front-end markup guide containing a collection of source code and practical examples designed to teach the fundamentals of web design. The repository covers an HTML and CSS learning path focused on frontend web development and web layout implementation. It provides reference materials for mastering responsive web design and the application of structural patterns to create functional web pages. The materials demonstrate the use of semantic HTML structure and responsive meta viewports. The tech
This project is a collection of reference implementations for vanilla web applications, interactive browser games, and core frontend development patterns. It consists of small web applications and tools built using standard HTML, CSS, and JavaScript without the use of external frameworks or libraries. The collection demonstrates various practical implementations, including browser-based mini games with arcade and word-guessing mechanics, as well as frontend interface prototypes. These examples cover the use of the native document object model for state manipulation and the implementation of i
Azul is a native desktop application builder and UI toolkit for creating high-performance graphical user interfaces. It utilizes a functional and reactive programming model for managing layout and state, enabling the development of native software through a CSS-based toolkit. The framework is distinguished by its use of the WebRender engine to provide GPU-accelerated rendering. This allows the system to display complex user interface elements with high efficiency and speed by leveraging hardware acceleration. The project enables the design of desktop interfaces using a document object model
YASB is a customizable status bar framework and desktop shell component for Windows. It provides a toolkit for building personalized information bars using a modular class-based widget architecture and CSS-based styling. The framework distinguishes itself through deep integration with Windows tiling window managers, allowing users to display active workspaces, tiling layouts, and window focus states. It also features automated visual consistency by generating system color schemes based on the current desktop wallpaper. The project covers a wide range of capabilities, including real-time syst
This project is an interactive coding learning platform and open-source educational courseware designed for mastering web development. It provides a browser-based environment where users can engage with a structured curriculum covering front-end, back-end, and data visualization skills through hands-on exercises. The platform distinguishes itself by integrating a browser-based code sandbox and a nonprofit technical partnership portal. This framework allows learners to transition from guided lessons to building and maintaining real-world software applications for nonprofit organizations. The
Portfolio-responsive-complete is a responsive web portfolio template built with core web languages that adapts automatically to any screen size. It functions as a frontend developer portfolio template, providing a personal showcase site designed with a mobile-first approach. The project incorporates mobile-first fluid layouts that adapt screen structures dynamically across devices, alongside declarative style encapsulation that organizes visual rules into structured stylesheets. It features event-driven DOM manipulation to update interface states dynamically in response to user interactions.
This project is a comprehensive knowledge base and study resource designed for mastering technical interviews. It provides structured guides, roadmaps, and curricula focused on data structures, algorithms, system design, and frontend engineering to help candidates prepare for software engineering screenings. The repository distinguishes itself by offering a holistic approach to professional advancement. Beyond technical drills, it includes a career development handbook covering resume optimization, salary benchmarking, and strategic negotiation coaching. It also provides detailed methodologie