https://github.com/itaditya/zero-to-job-ready
Get job ready by learning these topics.
https://github.com/itaditya/zero-to-job-ready
bootstrap css es6 git github html javascript js nodejs reactjs
Last synced: 8 months ago
JSON representation
Get job ready by learning these topics.
- Host: GitHub
- URL: https://github.com/itaditya/zero-to-job-ready
- Owner: itaditya
- Created: 2018-07-19T03:58:20.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-11-05T22:52:43.000Z (about 6 years ago)
- Last Synced: 2025-02-28T09:20:59.890Z (9 months ago)
- Topics: bootstrap, css, es6, git, github, html, javascript, js, nodejs, reactjs
- Homepage:
- Size: 14.6 KB
- Stars: 46
- Watchers: 4
- Forks: 10
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Get Job Ready in any domain by practicing these topics.
### Domains -
1. [HTML and CSS](#html-css)
1. [Beginner Javascript](#beginner-js)
1. [Advanced Javascript](#advanced-js)
1. [React Js](#reactjs)
1. [Node](#node)
1. [Git](#git)
1. [Github](#github)
The topics have a special focus on things actually used in real projects. After completing all topics in a domain you are capable of taking Freelance projects. Command line, Slack, Git and GitHub should also be used as these tools are a must know in software development.
> Whenever I was learning, the biggest issue was correct progression. I wasn't sure if task I was choosing for myself was appropriete for me. This is a nice road map. Not too easy, and not impossible to do. - [Paweł Kochanek](https://twitter.com/flagoon2)
## HTML and CSS
#### Topics to learn
1. How to create html pages.
1. Basic HTML tags.
1. Styling HTML with inline styles.
1. Embedded Stylesheet and External Stylesheet.
1. CSS selectors.
1. Basic CSS rules (background, color, margin, border, text-align, font-size etc.)
1. px and percentage units.
1. Chrome DevTools.
1. Align boxes in same lines.
1. Box Model
1. Fluid Layout (percentage units)
1. Centering boxes.
1. HTML Forms and their styling.
1. Flexbox and Viewport units.
1. Responsive with media queries.
1. Responsive with Bootstrap 4 Grid.
1. Bootstrap 4 (button, grid, cards, forms)
1. Bootstrap Modals, Tooltips and Carousel
#### Project Suggestions (from easy to hard)
1. Resume Page
1. Registration Form
1. Landing Page with HTML and pure CSS.
1. Landing Page with Bootstrap.
1. Company Website with Landing Page, Pricing Page, Signup Page and Contact Page (with google maps)
Online Playground - [Codepen](http://codepen.io)
---
#### Topics to learn
1. Including scripts in html.
1. Variables, Assignments and Print to Console.
1. Conditionals and Loops.
1. Event Handling with onClick.
1. Select DOM nodes (querySelector, getElementById)
1. Event Handling with addEventListener.
1. Basic DOM manipulation (adding classes, innerHTML and modifying other attributes).
1. Advanced DOM manipulation (insert new child nodes).
1. AJAX requests
1. Running local http server.
1. Using third party libs (jQuery, slick carousel, fullpage etc.)
1. Callbacks, setTimeout, setInterval and async js theory.
#### Project Suggestions (from easy to hard)
1. Age Calculator
1. Mouse tracker
1. Calculator with one calculation at a time.
1. Todo App with pure javascript.
Online Playground - [JsBin](http://jsbin.com)
---
#### Topics to learn
1. Event Delegation
1. Objects in Detail.
1. concept of 'this' and quirks of `this`.
1. Closures
1. Making class like structures, using `new` , `this` and functions.
1. Prototypes and Prototypical Inheritance.
1. Develop own javascript library.
1. es6
1. Functional Javascript
1. fetch api
1. promises
1. async/await
1. Concurrency
1. webpack
1. javascript design patterns (revealing module and pub-sub a must).
1. tools like eslint, jest and properly learning npm.
1. Develop modern js lib and publish to npm.
1. Factory Functions
1. Regular Expressions
1. Hoisting
1. Event Loop
#### Project Suggestions (from easy to hard)
1. Todo App
1. Photo Editor
1. Online Code Compiler
---
## ReactJs
#### Topics to learn
1. Development with CRA.
1. Event Handling.
1. Components in separate files.
1. Concept of State.
1. Concept of props.
1. Class Components vs Functional Components.
1. React libs (react-router)
1. React Component Patterns
1. Context API
1. Authentication and Authorization.
1. Redux (after making 2-3 projects with just react)
#### Project Suggestions (from easy to hard)
1. Mouse Tracker
1. Age Calculator
1. Todo App
1. Advanced Todo App with Login, Signup
Online Playground - [CodeSandbox](http://codesandbox.io)
---
## Node
#### Topics to learn
1. Running a javascript file in node.
1. Making a basic HTTP server (just one GET request)
1. Separating code in different files.
1. HTTP server with express.
1. Use Postman for testing APIs.
1. Serving static files with express-static.
1. CRUD APIs (array as in memory db)
1. Mongoose for mongodb (use mlab for db instance)
1. CRUD API with mongoose.
1. Pragmatic REST APIs.
1. Concurrency in Single Threaded Environment.
1. Authentication with JWT.
1. Authentication with express-session.
1. OAuth using Passport.
1. Jest for Unit Testing and API testing.
1. How to make own CLI tool.
1. Advanced pragmatic REST APIs with JOI validations.
1. Read & Write Files.
#### Project Suggestions (from easy to hard)
1. One page Todo Application. (Make api request from frontend)
1. CLI tool to calculate age.
1. CLI tool to simulate `ls` command and `tree` command.
1. CLI tool to read package.json file of project and list all the different dependencies
1. Anime Progress Tracker with templating (Multi Page and has Auth)
1. API service with rate limiting and access token (jwt) verification
Online Playground - [Glitch](https://glitch.com)
---
## Git
#### Topics to learn
1. Make folder a git repo.
1. Add and Commit files.
1. Push commits to remote server like Github or Gitlab.
1. Pull code from remote server.
1. Fix merge errors.
1. Create branches and switch from one to another.
1. Use .gitignore
---
## Github
### Topics to learn
1. Connect git repo to github.
1. Clone github repo.
1. Push to github.
1. Markdown and proper Readme files.
1. Create issues.
1. Make Pull requests.
1. Fork repos and do Open Source Contributions.