Skip to content

An Open Source repo mainly for web development purposes, content starts from HTML, CSS, all the way to MERN and Bootstrap

License

Notifications You must be signed in to change notification settings

rickyfelix19/webdevlibr

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

96 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Dev Library

Contribution | Assumption | Learning Materials | Advices | Certification | VSCode Extensions

This whole repo is inspired by: The Modern JavaScript ( Repo Link & Website Link ). To create a enviornmently-friendly space and keep this as a open source project, this repo is protected under: CC-BY-NC License and Code of Conduct

Learning Materials

Use this, to easily jump to any topic:
  • Git, GitHub, CLI

    - Basic GitHub Commands, Commit Messages, SSH, Markdown, Cheat Sheet
  • Web Development Basic

    - Website & Network, Basics, Network Requests, CSS Bootstraps, Cloud Services, Cheat Sheets
  • Web Development in MERN

    - JavaScript - Promises, async/await, Getting Started with React, React Tutorial, Intro to ReactJS (learn-react-app), Material UI, ReactStrap , Setting Up React and Material UI
  • Testing (underproduction)

    - Test Driven Development (TDD), Unit Testing, and User Acceptance Testing (UAT)
  • Web Security ( Programming Side ) (underproduction)

    - Networking Fundamentals, Web Security
  • Others (underproduction)

    - CSS & SCSS, CSS Animations & JavaScript Animations, Waterfall vs Agile, Agile vs DevOps, Know your RDBMS, Software Infrastructure and Architecture

Assumption

It is important to address the assumption make in this repo.

For starters, learning everything in this repo will absolutely not make you a brilliant programmer out of nowhere. These are mostly notes; just because you have this and went through all of this doesn't make you a Unicorn. The only way to be an expert in a particular field of work is to start on a project, whether small or big. Here are some examples that you can use:

  • Build a simple login and logout website (webdev)
  • Make a simple CRUD website (full stack)
  • Make a Calculator (logic)
  • Use your assignment but change the language
  • Learn Data Structures & Algorithms

It is vital to address that almost all of the materials here are only meant for Web Developer / Full Stack Development roles (for now). The next step of this project is to make it open source and have as many people contributing to this. Most of the materials are currently linked to another website instead of using a summary. This will also change in future updates.

To simplify things for future updates, Github Projects has been created for this repository to help make future updates.


Advices

  • Watch: The Art of Finishing Project
  • Don't ask to ask, just ask
  • You don't have to master everything, again, most of this stuff here are for Web Development / Full Stack Developer Role
  • if you're interested in somewhere else, then try it and give it a go for a couple of months (and projects)
  • Find you goal (or project), then divide it into smaller parts and spend a few hours in it everyday as your side projects

Certification


VSCode Extensions

  1. useful npm packages for MERN or React Stack
  2. Beautify, Flutter, ESLint extensions
  3. Useful VSCode Extensions
  4. VSCode Extensions for:
    • HTML
    • CSS
    • JavaScript
    • ReactJS
    • BootStrap 4
    • Python (Django)

About

An Open Source repo mainly for web development purposes, content starts from HTML, CSS, all the way to MERN and Bootstrap

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published