Search Results for "html css javascript project"
Sort By:
Showing 49 open source projects for "html css javascript project"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
1
HTML CSS
Curso de HTML5 e CSS3
Tutorial, teaching, or resource collection on HTML and CSS, aimed at beginners. It likely contains sample websites, examples of markup, styling, exercises, and reference materials related to web front-end development using HTML and CSS. CSS styling samples and layout demonstrations. Educational documentation (README, explanations). Structured project examples (e.g. small websites). -
2
This repository provides a set of hands-on CSS exercises that accompany the HTML and CSS modules in The Odin Project curriculum. The tasks are designed to be completed at specific points in the course, reinforcing each concept right after it is introduced. Learners are encouraged to use documentation and external resources freely, reflecting real-world workflows rather than rote memorization.
-
3
The Magic of CSS
A CSS course to turn you into a magician
Magic of CSS is an open source educational project by Adam Schwartz that explores advanced CSS concepts through practical lessons. It is structured as a series of chapters that cover topics like the box model, layouts, positioning, typography, and animations. The repository is designed to go beyond basic CSS tutorials, teaching how to harness the language for complex, responsive, and visually appealing designs. Each lesson is supported by examples and code that demonstrate real-world use... -
4
JSCamp InfoJobs
Content and exercises fromJSCamp InfoJobs
JSCamp InfoJobs is the companion repository for JSCamp InfoJobs, an intensive full-stack JavaScript bootcamp in Spanish designed to take students from fundamentals to advanced topics. It is organized into numbered modules like 00-html-css, 01-javascript, 02-react, 03-router-and-zustand, 04-node, 05-typescript, 06-inteligencia-artificial, 07-sql, 08-ci-cd, and 09-docker, mirroring the curriculum of the bootcamp.The README explains that students will build a complete project step by step throughout the bootcamp, applying each module’s lessons to a single real-world application, which is ideal for portfolio building. ... -
Paessler - Monitor Your Whole Network in MinutesWaiting weeks for a monitoring rollout isn't an option when infrastructure doesn't stop running. PRTG's auto-discovery scans your network and suggests from over 200 pre-configured sensor types, so you're watching servers, applications and devices within minutes, not after a multi-week deployment. Enterprise-strength monitoring, without the enterprise complexity. Start your free trial today.
-
5
Complete Intro to Web Dev v3
The Complete Intro to Web Dev v3, as taught on Frontend Masters
Complete Intro to Web Dev v3 is the course repository for Brian Holt’s beginner web development class on Frontend Masters. It is designed for learners with little or no coding experience. The lessons introduce HTML for page structure, CSS for visual design, and JavaScript for interactive behavior. Students practice browser tools, editors, debugging, responsive layouts, and common development workflows. The material builds toward creating a complete web application rather than isolated syntax exercises. The repository also contains the Next.js-based course website, reusable lesson content, code examples, and supporting assets. ... -
6
Marksheet
Free tutorial to learn HTML and CSS
MarkSheet is a beginner-friendly curriculum for learning HTML and CSS from first principles, organized as a readable online handbook. It explains core building blocks—elements, attributes, selectors, the box model, positioning—and connects them to the mental models needed for real layouts. The writing style aims to demystify jargon and teach a consistent vocabulary so learners can understand documentation and tutorials elsewhere. It includes diagrams and compact examples that illustrate... -
7
MDN Learning Area
GitHub repo for the MDN Learning Area
learning-area is the official GitHub repository for the MDN Web Docs Learning Area, a collection of educational resources designed to teach core web development technologies. It contains the code examples referenced throughout MDN’s tutorials and articles, covering topics such as HTML, CSS, JavaScript, and web APIs. Each directory in the repository mirrors the module structure of the MDN Learning Area, allowing learners to follow along easily as they read through corresponding lessons. The examples are written to be simple, instructive, and directly aligned with MDN’s documentation, making it an ideal hands-on companion for web development education. ... -
8
Web Dev for Beginners
About 24 Lessons, 12 Weeks, Get Started as a Web Developer
Web-Dev-For-Beginners is Microsoft’s open source, project-based curriculum for learning web development from scratch. Designed as a 12-week, 24-lesson course, it covers HTML, CSS, and JavaScript fundamentals through hands-on projects like terrariums, browser extensions, and space games. Each lesson includes a mix of pre-lecture quizzes, written content, assignments, challenges, and post-lecture quizzes to reinforce learning. -
9
Complete Intro to React v8
The Complete Intro to React, as taught by Brian Holt
Complete Intro to React v8 is the source repository for Brian Holt’s Frontend Masters courses covering introductory React and Intermediate React v5. It begins with React without heavy tooling, then introduces modern JavaScript tools and core component concepts. Learners work with JSX, props, state, effects, hooks, context, routing, and specialized React APIs. Later modules cover performance, low-priority rendering, TypeScript, Redux, Tailwind CSS, and application testing. The repository hosts the course website and written lessons, while a separate project repository provides step-by-step application files. ... -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
10
freeCodeCamp
freeCodeCamp.org's open-source codebase and curriculum
freeCodeCamp is a nonprofit educational platform that offers a self-paced curriculum for learning web development, programming, data visualization, APIs, and algorithms. It features interactive coding challenges, real-world projects, and guided progress through topic modules, culminating in certificates for completed tracks. A key aspect is that students contribute to open-source projects for nonprofits or internal tooling as part of their learning, reinforcing both technical and... -
11
Web
An ancient front-end graphic tutorial
...The content is presented in a clear and accessible manner, making it suitable even for users with no prior technical background. It covers a wide range of topics including HTML, CSS, JavaScript, and modern frontend practices, providing both conceptual understanding and practical examples. The repository is continuously updated, ensuring that learners have access to relevant and current information. It emphasizes readability and structured learning paths, allowing users to progress systematically through increasingly complex topics. -
12
Void
High-Fidelity Space Exploration Dashboard
Project VOID is a cinematic mission control center built with React and Tailwind CSS. It aggregates real-time telemetry, orbital tracking, and global space news into a single, immersive "Sci-Fi HUD" interface, fully equipped with offline service worker support. Try the live application in action here: https://void-by-vignesh.vercel.app before downloading the source code Visit Repo For More Details : https://github.com/Vignesh-72/Void -
13
clavirio
Learn touch typing without leaving the terminal
A free, open-source typing tutor for the terminal. Progressive lessons, practice modes, real-time stats, and a virtual keyboard with finger hints — for QWERTY, Dvorak, and Colemak. Methodology Research on typing skill suggests that skilled typing relies more on implicit procedural control than on explicit knowledge of key locations. The paper also suggests that the keyboard is represented in terms of its row-and-column structure, not as a memorized list of individual... -
14
Guia do Desenvolvedor Front-end
Everything you need to become a front-end developer
...It is structured as a roadmap-style repository with study content, tools, references, and practical learning links. The guide covers foundational topics such as HTTP, HTML, CSS, JavaScript, APIs, and front-end frameworks. It also includes recommendations for books, browser extensions, templates, UI resources, CSS training platforms, design tools, and icon libraries. The project is useful for beginners who need a guided path and for working front-end developers who want to discover new resources for daily work. ... -
15
HTML Quiz Application With Timer & Point
An Easy to Edit HTML, CSS & JAVASCRIPT QUIZ - For Students & Teachers
Just Download & Extract the Above Zip File provided, then edit the script.js file with a good text / code editor like Sublime Text ( Check Google ) & then save the changes & then view the index.html file on the internet browser. That's all. This is a Browser Based, Cross Platform, Supporting all Operating Systems, Easy Application. If needed, you can change the value of the Timer from 15 seconds to any other value, by Searching & Replacing all occurences of 15 in index.html & script.js... -
16
WebEditorWeb
Code editor in single HTML file
Code editor written in a single HTML file that runs on the browser tab. There is no need to install, download a single file and run anywhere. To change the initial configuration, edit the wew.html file in the last lines. * WebEditorWeb use CodeMirror components in code editor. -
17
WideW - WebIDEWeb
Web IDE in single HTML file
IDE written in a single HTML file that runs on the browser tab. There is no need to install, download a single file and run anywhere. To change the initial configuration, edit the widew.html file in the last lines. * Widew use CodeMirror components in code editor. URLs: https://soluc.org/widew https://widew.sourceforge.io -
18
Complete Introduction to Web Development
Intro to Web Dev, v2
Complete Introduction to Web Development is the source repository for Brian Holt’s Frontend Masters course on foundational web development. It teaches beginners how websites are structured, styled, programmed, and published. Lessons cover basic and semantic HTML, CSS selectors, layouts, reusable patterns, and complete page-building exercises. JavaScript sections introduce programming concepts, functions, scope, arrays, objects, the DOM, events, and asynchronous requests. Additional material explains Git, Node.js, libraries, development tools, and deployment. The repository also contains the Gatsby-based course website and can be run locally with npm. ... -
19
Awesome Portfolio Websites
Personal portfolio for researchers, developers, and analysts
A community-maintained open-source project aimed at making a personal portfolio for researchers, developers and analysts. Simple, fast and less cumbersome. We make sure you have a full-fledged website to showcase your work while you can spend time on your learning and innovative endeavors. -
20
Complete Intro to React v6
learn React.js with Brian Holt
Complete Intro to React v6 is the course website and lesson repository for Brian Holt’s Frontend Masters React curriculum. It guides learners from plain React rendering through JSX, components, user input, hooks, effects, and custom hooks. The course then adds composition, routing, class state, error boundaries, context, portals, and refs. Intermediate sections examine Redux, code splitting, server-side rendering, Tailwind CSS, testing, and TypeScript migration. A separate companion... -
21
What happens when
What happens when you type google into your browser and press enter?
What happens when is a large collaborative documentation-style project that aims to answer in exhaustive detail the canonical interview/thought experiment question, “What happens when you type google into your browser and press Enter?” Rather than giving a high-level overview, the repository tries to break down every step in the process, from low-level events (keyboard press, OS events, keyboard interrupts), through OS-level handling (keyboard scan codes, key events), parsing, DNS lookup, networking (ARP, socket creation, TCP/TLS handshake), HTTP requests, browser behavior, HTML/CSS/JS parsing, rendering engine, GPU rendering, layout, to final drawing and user-visible output. ... -
22
workshops_project
Workshops is an open source, simple, dead-lightweight LMS
Workshops is an open source, simple, dead-lightweight LMS (Learning Management System) application programmed in Python (version 3.8.x) with Django (version 2.2.x) web framework which main purpose is to make a standarized way to share knowledge via courses in a slide-based view in browser powered by remark javascript library, easy to create, edit, delete and show your courses using simple markdown and html if necessary. Inspired on an old project in my social labours to help share knowledge in an easy way. -
23
LearnCS8 Resume
Resume template website for the LearnCS8 Lab 3
LearnCS8-Resume is a template or demo project for a resume built as a web page (HTML/CSS/JS) for the LearnCS8 course’s Lab 3. It provides an example of a student project or assignment: a personal resume page implemented using front-end web technologies. HTML structure for resume content (education, experience, skills). Responsive or adaptive styling for various viewports. Sample placeholders/instructions for student substitution. -
24
Edition Visualization Technology
Digital edition visualization software
EVT is a tool that creates web-based diplomatic and/or interpretative editions starting from XML TEI-encoded documents. The current release, EVT v. 1.3, builds upon the feature set of the previous releases and adds support for quite a number of new features: * added a new navigation bar; * added support for translations in multiple languages; * added support VisColl style sheets; * added support for comment and critical <note>s; * added support for verse numbering and... -
25
multipractice
Tool for practicing languages.
Practice makes perfect. Panglossa MultiPractice is a tool to help you learn and practice languages. You can create your own courses, import courses created by others, and even export courses to HTML or PDF documents. The original project (for Lazarus) was basically a flashcard app. Now it is more like a platform for creating structured courses with text, images, audio and video content, as well as different types of exercises. Please keep in mind that this project is created and...
