Search Results for "html css javascript project"
Sort By:
Showing 35 open source projects for "html css javascript project"
View related business solutions-
Monitor production, track downtime and improve OEE.Evocon is a visual and user-friendly OEE software that helps manufacturing companies improve productivity and remove waste as they become better.
-
Transform months of data modeling and coding into days.Efficiently model your business and data models, and generate code for your data pipelines, data lakehouse, and analytical applications
-
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. ... -
Multi-Entity Cloud Accounting Software for Growing BusinessesBuilt natively on the Microsoft Power Platform (Dynamics 365), Gravity delivers robust multi-entity financial management with seamless integration to Microsoft 365, Power BI, Teams + Copilot — no third-party add-ons required.
-
5
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. ... -
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
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. -
8
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... -
9
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. -
Propel Software: Product Value Management Platform for ManufacturersPropel is a cloud-native Product Value Management platform that unifies PLM, QMS, and PIM in one connected system, giving manufacturers complete visibility and control across the entire product lifecycle. It provides a single source of truth for all product data, streamlines change management, strengthens quality and compliance processes, and accelerates time-to-market by eliminating the silos and manual steps that slow teams down.
-
10
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... -
11
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... -
12
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. -
13
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 -
14
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. -
15
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. ... -
16
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. -
17
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. -
18
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... -
19
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... -
20
Electron API Demos
Desktop app to demonstrate the core features of the Electron API
...For easier developing you can launch the app in fullscreen with DevTools open. If you can build a website, you can build a desktop app. Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. It takes care of the hard parts so you can focus on the core of your application. -
21
Learning JavaScript Design Patterns
Repo for my 'Learning JavaScript Design Patterns' book
Learning JavaScript Design Patterns is released under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 unported license. It is available for purchase via O'Reilly Media but will remain available for both free online and as a physical (or eBook) purchase for readers wishing to support the project. This edition was updated to ES2015+ syntax in 2021. Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a... -
22
Education tool - number systems
Education tool for converting between diferent number systems
These project is for education purpouse. It's written in HTML and JS. You can enter different numbers and JS check for right conversion. you can convert to different number systems as decimal to bineary, decimal to hex,... -
23
QuickWeb
This tool can be used to create quickly the skeleton of a web site.
...It can, also, be used to create empty project and empty pages to avoid the annoying default HTML code. -
24
Developing Backbone.js Applications
A book on Backbone.js for beginners and advanced users alike
...This is compiled into the HTML, ePub, Mobi and other formats found in the root of the project. Contains templates and metadata for compiling the book. Contains image assets for the project. Contains the source code for practicals. You can build the book using make or make -f Makefile. This will output the HTML, ePub, Mobi, PDF and RTF versions of the book. -
25
gMol
gMol molecular graphics
We've moved to https://github.com/tjod/gMol/wiki gMol is an interactive visualization system used to display and manipulate 3-dimensional models of scientific data, such as molecular structures and surfaces. It contains both OpenGL and web browser widgets that enable flexible user interfaces.
