{"id":21832594,"url":"https://github.com/ivynya/webdev-samples","last_synced_at":"2026-04-09T23:32:29.171Z","repository":{"id":105715415,"uuid":"325922794","full_name":"ivynya/webdev-samples","owner":"ivynya","description":"Samples for the web development workshop I host.","archived":false,"fork":false,"pushed_at":"2021-04-30T01:05:11.000Z","size":56,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-26T09:24:15.312Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ivynya.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-01-01T05:31:08.000Z","updated_at":"2021-04-30T01:05:13.000Z","dependencies_parsed_at":"2023-06-13T07:00:16.718Z","dependency_job_id":null,"html_url":"https://github.com/ivynya/webdev-samples","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivynya%2Fwebdev-samples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivynya%2Fwebdev-samples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivynya%2Fwebdev-samples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivynya%2Fwebdev-samples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ivynya","download_url":"https://codeload.github.com/ivynya/webdev-samples/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244806880,"owners_count":20513528,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-27T19:21:37.235Z","updated_at":"2026-04-09T23:32:24.137Z","avatar_url":"https://github.com/ivynya.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# webdev-samples\n[![https://maintained.cc/SDBagel/webdev-samples/1](https://maintained.cc/SDBagel/webdev-samples/1)](https://maintained.cc/SDBagel/webdev-samples/1/redirect)\n[![https://maintained.cc/SDBagel/webdev-samples/2](https://maintained.cc/SDBagel/webdev-samples/2)](https://maintained.cc/SDBagel/webdev-samples/2/redirect)\n\nThis repo includes samples for the web development workshop/course I host, organized into backend, database, and frontend subsections.\n\nEach sample will include instructions in either a README or at the top of the code file. There are four samples per section and three sections to constitute twelve weeks of course material. Incomplete samples (excercises) and completed samples are included for applicable sections.\n\nFound errors or inconsistencies? Please make a pull request or issue to this repository.\n\n## Prior Knowledge\nBasics of JavaScript or another object-oriented language like Python, Java, or C# is highly encouraged for all subsections. This includes declaring variables, knowledge of functions, and loops.\n\nKnowing the top level of how websites work and users interact with servers can also be helpful in understanding how these samples function. \n\nAs a quick refresher, what the user sees is the *frontend*. This includes the HTML, CSS, and JS you write. The frontend is *served* to the user by the backend, which is a server. Each time the user wants more data, they call the backend. User data and other info can be stored in a database, which the user accesses through the backend.\n\n## Software Requirements\n\n### Backend\nFor simplicity of install and management, most of the backend samples use [Deno](https://deno.land). Deno is secure, one terminal command to install, and uses TypeScript, a typed superset of JavaScript encouraging better code practices. These samples work with backend concepts like creating APIs, serving files, and more.\n\n### Database\nDatabase samples are separated from backend samples for clarity. These samples use MongoDB and Deno, and work with managing data in conjunction with a backend. It is recommended to start with the backend samples first.\n\n### Frontend\nThere will be standard HTML, CSS, and JS files included in the first few samples, stepping up to introduce SCSS and TypeScript for the frontend. These samples focus on design and principles of UI, UX, and how that relates to the code and markup itself. Later samples introduce [NodeJS](https://nodejs.org/en/) and Angular 11 as a framework.\n\n## Course Extensions\nFor more reading from me, check out [Integration Testing](https://sdbagel.com/integration-testing), which is my blog for code design and the intricacies of putting something together to make a great project. Right now, it focuses more on the ideals rather than the code itself, which many tutorials seem to gloss over.\n\nOtherwise, [searching](https://ddg.gg) for tutorials on various technologies, languages, and how to do certain things will almost certaintly yield results and be of great benefit. Of course, more practice means more experience!\n\nIf you need a little more direction, I suggest expanding on some of the examples provided here, continuing to work with the technologies shown here through web tutorials, or exploring alternatives to see what you like.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fivynya%2Fwebdev-samples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fivynya%2Fwebdev-samples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fivynya%2Fwebdev-samples/lists"}