whatisgithub

What is esin-e1-p2026?

brunosimon/esin-e1-p2026 — explained in plain English

Analysis updated 2026-07-14 · repo last pushed 2022-05-15

11HTMLAudience · generalComplexity · 1/5DormantSetup · easy

In one sentence

A first-year web development course curriculum with a checklist of lessons and hands-on exercises that take beginners from basic HTML and CSS to building interactive JavaScript projects like calculators, games, and weather widgets.

Mindmap

mindmap
  root((repo))
    What it does
      Web dev curriculum
      Checklist format
      Beginner friendly
    Lessons
      HTML and CSS basics
      JavaScript fundamentals
      Fetching live data
    Exercises
      Calculator
      Drumkit and games
      Weather widget
    Audience
      First year students
      Beginners learning code
    Approach
      Learn by doing
      Progress tracker
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Follow a structured checklist to learn web development from scratch as a complete beginner.

USE CASE 2

Build small JavaScript projects like a calculator, drumkit, or weather widget to practice coding skills.

USE CASE 3

Track your progress through a first-year web development curriculum lesson by lesson.

USE CASE 4

Practice interactive JavaScript by building mini-games like a target shooter or cursor-following googly eyes.

What is it built with?

HTMLCSSJavaScript

How does it compare?

brunosimon/esin-e1-p2026eng-hasan-hajjar/smart-blood-donation-platformkonraddzbik/architecture-diagram-skill
Stars111111
LanguageHTMLHTMLHTML
Last pushed2022-05-15
MaintenanceDormant
Setup difficultyeasymoderateeasy
Complexity1/53/51/5
Audiencegeneraldeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

No special setup required, just a text editor and a web browser to start building the HTML, CSS, and JavaScript exercises.

So what is it?

This repository is a first-year web development course curriculum created by an instructor named Bruno Simon. It serves as a structured checklist of topics and hands-on exercises designed to take complete beginners through the fundamentals of building websites and web applications. The content is organized into two main sections: lessons and exercises. The lessons start with the basics of web page structure and styling, then move into JavaScript programming. The JavaScript curriculum covers everything from fundamental concepts like variables and loops to more interactive topics like responding to mouse clicks, keyboard presses, and scrolling. It also covers how to dynamically change what appears on a webpage and how to fetch live data from other services on the internet. The exercises section gives students practical projects to build using what they have learned. These start simple, like a calculator or a currency converter, and get more creative with things like a drumkit, a target shooter game, googly eyes that follow your cursor, and a weather widget. Each exercise is a small, self-contained project that lets a student practice specific skills and see real, working results. The primary audience for this material is a student in their first year of a web development program. Someone using this repository would be learning how to code from scratch, and the checklist format helps them track their progress through each concept and project. It gives beginners a clear, guided path from knowing nothing about web development to building interactive, functional web experiences. The project is notable for its exercise-driven approach to teaching. Rather than just reading about programming concepts, students immediately apply them by building small, tangible things like clocks, carousels, and mini-games. This learn-by-doing structure is reflected in how the curriculum itself is organized, with the exercise list serving as both a roadmap and a progress tracker.

Copy-paste prompts

Prompt 1
Help me set up the file structure for the first exercise in this web development curriculum. I want to build a simple calculator using HTML, CSS, and JavaScript. Walk me through creating the files and writing the initial code.
Prompt 2
I am working through the JavaScript lessons in this curriculum and just reached the section on responding to mouse clicks and keyboard presses. Help me build the drumkit exercise where each key plays a different sound.
Prompt 3
I want to build the weather widget exercise from this curriculum. It needs to fetch live data from a weather API and display it on a webpage using JavaScript. Help me write the fetch request and update the DOM with the results.
Prompt 4
I am a beginner following this web development checklist. Help me understand the difference between variables and loops in JavaScript by showing me a simple example that changes what appears on a webpage when a user scrolls.

Frequently asked questions

What is esin-e1-p2026?

A first-year web development course curriculum with a checklist of lessons and hands-on exercises that take beginners from basic HTML and CSS to building interactive JavaScript projects like calculators, games, and weather widgets.

What language is esin-e1-p2026 written in?

Mainly HTML. The stack also includes HTML, CSS, JavaScript.

Is esin-e1-p2026 actively maintained?

Dormant — no commits in 2+ years (last push 2022-05-15).

How hard is esin-e1-p2026 to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is esin-e1-p2026 for?

Mainly general.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.