{"id":21141197,"url":"https://github.com/shz-code/web-dev-fall22-iubat","last_synced_at":"2026-04-16T11:03:04.967Z","repository":{"id":159201249,"uuid":"543028507","full_name":"shz-code/web-dev-fall22-iubat","owner":"shz-code","description":"This repository is for the Web Design \u0026 Development (Fall-2022) session.","archived":false,"fork":false,"pushed_at":"2022-10-11T17:12:25.000Z","size":2467,"stargazers_count":0,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-14T13:14:17.444Z","etag":null,"topics":["bootstrap5","chrome-devtools","git","github","github-pages","html","html-css-javascript","javascript","vscode"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shz-code.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2022-09-29T09:19:15.000Z","updated_at":"2023-05-03T19:55:57.000Z","dependencies_parsed_at":"2023-06-30T06:00:37.910Z","dependency_job_id":null,"html_url":"https://github.com/shz-code/web-dev-fall22-iubat","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/shz-code/web-dev-fall22-iubat","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shz-code%2Fweb-dev-fall22-iubat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shz-code%2Fweb-dev-fall22-iubat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shz-code%2Fweb-dev-fall22-iubat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shz-code%2Fweb-dev-fall22-iubat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shz-code","download_url":"https://codeload.github.com/shz-code/web-dev-fall22-iubat/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shz-code%2Fweb-dev-fall22-iubat/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31882886,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T09:23:21.276Z","status":"ssl_error","status_checked_at":"2026-04-16T09:23:15.028Z","response_time":69,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["bootstrap5","chrome-devtools","git","github","github-pages","html","html-css-javascript","javascript","vscode"],"created_at":"2024-11-20T07:24:56.839Z","updated_at":"2026-04-16T11:03:04.951Z","avatar_url":"https://github.com/shz-code.png","language":null,"readme":"\n# Web Design \u0026 Development (Fall 2022)\n\n## Intro to The Course\n\nThis course is about all elements needed to successfully design and development of web pages and\n websites.\n From creating file and folder to commonly \n used Internet coding languages, students will gain an overall understanding of web\n  development including tools like VS Code, Git and Github.\n\n  - **Total Classes**: 08 - 10\n  - **Time Slots**: Saturday ( 3.20-5.20 ) \u0026 Wednesday ( 11.45 - 2.10 )\n  - **Room Number**: 723 (Practice Lab 7)\n\n## Instructors\n\n - Shahidul Alam [@shz-code](https://www.github.com/shz-code) \n\n Facebook ID: https://www.facebook.com/fb.shahidul.alam\n \n Contact Number: 01766409973\n - - -\n - Samiul Alom [@SamiulAlom](https://github.com/SamiulAlom)\n\n Facebook ID: https://www.facebook.com/profile.php?id=100081681342690\n\nContact Number: 01641621311\n\n## Support \u0026 Materials\n\nJoin our \n- [Messenger Group](https://m.me/j/AbZ8ymTXio4Lj0Ng/). \n- [Facebook Group](https://www.facebook.com/groups/457844659781546/).\n- Google Classroom code `tnrviu6`.\n\n\n## Course Outcome\n\n- Fundamentals of web design and how website works.\n- Ability to make cool websites with modern approach and best practices.\n- Ability to use Git and Github and also other useful tools.\n- Get known to your community.\n- Ability to read documentation.\n\n\n## Tools\n- Primary Code Editor [VS Code](https://code.visualstudio.com/)\n- Version Control System [Git](https://git-scm.com/) \u0026 [GitHub](https://github.com/)\n- File Sharing Platform [File.IO](https://www.file.io/)\n- CSS Framework [Bootstrap 5.2](https://getbootstrap.com/)\n## Course Outline\n\n- Orientation session\n\n### Class 1:\n-\tOrientation session.\n-\tIdea about - web designing, web development.\n-\tBasic ideas on - domain, hosting, programming language, local server.\n-\tDiscuss on how the course will be conducted.\n    -\tQuiz\n    -\tPractices\n    -\tProjects\n-\tDiscuss on what we will be learning in course\n    -\tHTML\n    -\tCSS\n    -\tBootstrap\n    -\tJavaScript (Basics)\n-\tLearning to use the tools of web development \n    -\tCode editor (vs code)\n    -\tGit and GitHub (intro)\n-\tFundamentals of web design \u0026 development\n    -\tHTML\n    -\tCSS\n    -\tJavaScript\n    -\tHTML page basic structure\n    -\tComments, Starting HTML Page, Head, Body\n-\tBasic HTML tags\n    -\tHeader (h1-h6)\n    -\tParagraph (p)\n    -\tBold (b)\n    -\tItalic (i)\n    -\tSubscript (sub)\n    -\tSuperscript (sup)\n    -\tUnderline (u)\n    -\tDetails \u0026 summary (details, summary)\n    -\tAddress (address)\n    -\tQuotation, cite (blockquote, cite)\n    -\tAbbreviation (abbr)\n    -\tSpan (span)\n    -\tDiv (div)\n-\tQuiz 1 (Online)\n### Class 2:\n-\tTag Attributes\n    -\tStyle attribute\n-\tBasic HTML tags\n    -\tImage (img)\n        -\tSrc\n        -\tAlt\n        -\tHeight\n        -\tWidth\n    -\tAnchor (a)\n        -\tMail Anchor\n        -\tCall Anchor\n        -\tTarget\n    -\tHeader (header)\n    -\tFooter (footer)\n    -\tMain (main)\n    -\tAside (aside)\n    -\tNavigation tag (nav)\n-\tStyle tag (style)\n-\tScript tag (script)\n-\tFile Routing (a,img,style,script)\n-\tFont tag (font)\n-\tHTML Entities, Symbol\n-\tList tag (ul, ol ,li)\n-\tiFrame \n-\tAudio\n-\tTable\n    -\tTr\n    -\tTd\n    -\tTh\n    -\tThead\n    -\tTbody\n    -\tColspan\n    -\tRowspan\n-\tQuiz 2 (Online)\n### Class 3:\n-\tHTML grouping\n-\tHTML form\n    -\tInput\n    -\tType\n    -\tName\n    -\tPlaceholder\n    -\tValue\n    -\tButton\n        -\tType\n-\tHow to and Where to CSS code, Comments in CSS, Converting Style Attribute to CSS\n-\tClass and ID\n-\tBackground Image, Background Repeat, Background Position, Background Color\n-\tPadding, Margin\n-\tBorder in CSS, Box Shadow, Opacity\n-\tDesigning Button using CSS\n-\tFlex-Box\n-\tProject 1 Setup\n-\tQuiz 3 (Online)\n### Class 4:\n-\tProject 1 \n-\tResponsive web design \u0026 developer tools intro\n-\tQuiz 4 (Online)\n### Class 5:\n-\tMake project 1 responsive \u0026 practice websites.\n-\tQuiz 5 (Online)\n### Class 6:\n-\tCSS grid property.\n-\tProject 2\n-\tQuiz 6 (Online)\n### Class 7:\n-\tBootstrap Crash Class\n-\tBootstrap Project 3\n-\tQuiz 7 (Online)\n### Class 8:\n-\tWriting JavaScript Code, Comments, Simple Variable, Variable Types\n-\tJS Operators, Simple Function, Parameter, Arguments\n-\tIf Else Statement, Handling Multiple Condition, Conditional Operators\n-\tGet Element by ID, Get Element by Tag Name, Get Element by Class\n-\tSwitch Case, For Loop, EVAL Function\n-\tQuiz 8 (Online)\n\n### Bonus Topics:\n-\tGit \u0026 GitHub Basics using VS Code (What and How, setting up profile, Making Repository, Staging, Commit, GitHub Pages).\n-\tChrome Developer Tools.\n-\tVS code customization.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshz-code%2Fweb-dev-fall22-iubat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshz-code%2Fweb-dev-fall22-iubat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshz-code%2Fweb-dev-fall22-iubat/lists"}