{"id":25360352,"url":"https://github.com/newswim/learning-resources","last_synced_at":"2025-04-09T03:18:11.965Z","repository":{"id":85447518,"uuid":"83717115","full_name":"newswim/learning-resources","owner":"newswim","description":"Some resources for learning about Web Development","archived":false,"fork":false,"pushed_at":"2021-06-01T22:33:55.000Z","size":5,"stargazers_count":22,"open_issues_count":2,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-01T17:03:50.274Z","etag":null,"topics":["development","howdoiwebdevelop","learning","web"],"latest_commit_sha":null,"homepage":"http://howdoiwebdevelop.com","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/newswim.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":"2017-03-02T19:37:05.000Z","updated_at":"2025-01-29T00:00:07.000Z","dependencies_parsed_at":"2023-03-03T09:15:13.391Z","dependency_job_id":null,"html_url":"https://github.com/newswim/learning-resources","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/newswim%2Flearning-resources","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/newswim%2Flearning-resources/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/newswim%2Flearning-resources/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/newswim%2Flearning-resources/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/newswim","download_url":"https://codeload.github.com/newswim/learning-resources/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247968385,"owners_count":21025824,"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":["development","howdoiwebdevelop","learning","web"],"created_at":"2025-02-14T21:35:40.669Z","updated_at":"2025-04-09T03:18:11.960Z","avatar_url":"https://github.com/newswim.png","language":null,"readme":"## How Do I Web Develop?\n\nThere are some fantastic resources online which can answer pretty much all of your questions. One of the\nfirst things to practice is _using Google effectively_. It's important that we consider **Time** as a finite\nresource and spending a lot of time looking and not finding good quality information can be a problem.\n\nYou can start by just asking Google, [how do i google \neffectively](https://www.google.com/webhp?sourceid=chrome-instant\u0026ion=1\u0026espv=2\u0026ie=UTF-8#q=how+to+google+effectively\u0026*)?\n\nFor web-development-specific questions, it's good to include notable websites in the query, here are a few popular ones:\n\n- [MDN](https://developer.mozilla.org/en-US/) - ie, `mdn on click handler`\n- [CSS-Tricks](https://css-tricks.com/) - ie, `css tricks flexbox`\n- [Stack Overflow](http://stackoverflow.com/) - ie, `stackoverflow hover state hidden`\n\nThese are good ways to make sure you're getting the best information, quickly. Also, for sites like Stack Overflow, you can\nsee how certain answers are rated by other users, and read their comments to figure out what's the best solution to the problem\nyou're trying to solve.\n\n### Online tools, general web-dev learning apps\n\n- [Enki](https://www.enki.com/) is a fairly new, cross-platform (iOS, Android) application that provides a gamefied, work-out style of learning.\n- [Free Code Camp](https://www.freecodecamp.com/) has been around for a few years now and has become one of _the best_ resources for self-paced learning.\nThe topics scale from very-beginner to quite advanced (eventually building full-scale applications).\n- [Frontend Dev Bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks)\n\n### HTML / CSS\n\n- [InternetingIsHard.com](https://internetingishard.com/) -- Great, great website for learning about Front-End web development.\n- [LearnLayout.com](http://learnlayout.com/) teaching fundemental CSS properties like `display`, `position`, `table`.\n- [Learn Web Development](https://developer.mozilla.org/en-US/docs/Learn) is another in-depth, multi-part tutorial from MDN.\n- [Codrops](https://tympanus.net/codrops/) is a FANTASTIC resource with neat examples and one of the best [CSS \nreferences](https://tympanus.net/codrops/css_reference/) on the web.\n\n### CSS-only\n\n- [CSSReference.io](https://cssreference.io/)\n- [Learn CSS](https://web.dev/learn/css/) -- Great new (as of 2021) resource from Google.\n\n### Version control\n- [Oh-my-git](https://blinry.itch.io/oh-my-git) is a gamified tutorial on using git.\n\n### How to Save Things and create Free Websites\n\n- [Learn Git](http://think-like-a-git.net/) to let you use **Source Control** -- _never_ lose anything, create sophisticated commit trees, _win_.\n- [Github Pages](https://pages.github.com/) will publish and host and static webpage, for free.\n- [Jekyll](https://jekyllrb.com/) is their recommended site generator, but there are literally [dozens to choose \nfrom](https://github.com/myles/awesome-static-generators).\n- [Learn git in 15 minutes](https://try.github.io/levels/1/challenges/1) - In-browser tutorial with octopi.\n\n### JavaScript\n\nWith JavaScript, or any other programming language, it's often better to read a book, rather than try to assemble knowledge from\nvarious blogs and tweets. Stick close to primary sources and dig deep. The better you understand the language, the more better your life will be,\n_I guarantee it_ :dizzy:.\n\n- [JavaScript For Cats](http://jsforcats.com/) - Great, brief beginner book\n- [Speaking JavaScript](http://speakingjs.com/) - Very thorough book from a great author\n- [Eloquent JavaScript](http://eloquentjavascript.net/) - A good mid++ level book, easier to read but the material can be dense\n\n\n### Blogs and other resources\n\n- [PonyFoo](https://ponyfoo.com/)\n- [2ality](http://www.2ality.com/)\n- [Jake Archibald's blog](https://jakearchibald.com)\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnewswim%2Flearning-resources","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnewswim%2Flearning-resources","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnewswim%2Flearning-resources/lists"}