I interviewed over 50 front-end developers in the last 2 years.
You don’t need a university degree to find a job - you can learn what matters in only 6 months online.
Here are the 11 topics, including where to learn about them for free.
- A THREAD -
You don’t need a university degree to find a job - you can learn what matters in only 6 months online.
Here are the 11 topics, including where to learn about them for free.
- A THREAD -
1. HTML and CSS
Learn the essentials of the web to understand the basics, which build on top of HTML and CSS.
Objectives:
- Basics of HTML and CSS
- Advanced CSS features
- Best practices for accessibility by building a web form
- Responsiveness
freecodecamp.org
Learn the essentials of the web to understand the basics, which build on top of HTML and CSS.
Objectives:
- Basics of HTML and CSS
- Advanced CSS features
- Best practices for accessibility by building a web form
- Responsiveness
freecodecamp.org
2. JavaScript
Learn how to use JavaScript — a powerful and flexible programming language for adding interactivity to websites.
Objectives:
- Conditionals
- Functions
- Scope
- Arrays
- Loops
- Iterators
- Objects
codecademy.com
Learn how to use JavaScript — a powerful and flexible programming language for adding interactivity to websites.
Objectives:
- Conditionals
- Functions
- Scope
- Arrays
- Loops
- Iterators
- Objects
codecademy.com
3. Computer science basics
Learn the basics of algorithms and data structures.
Objectives:
- Understanding of computer science and programming
- Think algorithmically and solve programming problems efficiently
- Concepts like abstraction and security
pll.harvard.edu
Learn the basics of algorithms and data structures.
Objectives:
- Understanding of computer science and programming
- Think algorithmically and solve programming problems efficiently
- Concepts like abstraction and security
pll.harvard.edu
4. Advanced JavaScript
Learn the advanced mechanisms of the JavaScript language.
Objectives;
- Scope and closures
- This and object prototypes
- Types and grammar
- Async and performance
- ES6 and beyond
Optionally: already check the 2nd version
github.com
Learn the advanced mechanisms of the JavaScript language.
Objectives;
- Scope and closures
- This and object prototypes
- Types and grammar
- Async and performance
- ES6 and beyond
Optionally: already check the 2nd version
github.com
5. Git and GitHub
Learn how to keep track of the different versions of your code and configuration files using a popular version control system (VCS) called Git.
Enroll and access it for free by clicking on “audit”.
coursera.org
Learn how to keep track of the different versions of your code and configuration files using a popular version control system (VCS) called Git.
Enroll and access it for free by clicking on “audit”.
coursera.org
6. TypeScript
Learn TypeScript and the language fundamentals, and learn what TypeScript is and how to use it.
Objectives:
- TypeScript setup
- Types
- Interfaces
- Classes
- Namespaces
- Modules
udemy.com
Learn TypeScript and the language fundamentals, and learn what TypeScript is and how to use it.
Objectives:
- TypeScript setup
- Types
- Interfaces
- Classes
- Namespaces
- Modules
udemy.com
7. Node package manager
Learn how to install npm, and master common commands in the Node Package Manager command-line interface.
Objectives:
- Understand what npm is and how you can use it
- Update packages
- Search other publicly available packages
sitepoint.com
Learn how to install npm, and master common commands in the Node Package Manager command-line interface.
Objectives:
- Understand what npm is and how you can use it
- Update packages
- Search other publicly available packages
sitepoint.com
8. Resource bundling with webpack
Learn the basics of resource bundling using the most popular resource bundler available.
Objectives:
- Setup webpack
- Loaders
- Cache busting
- Tree-Shaking and code splitting
- Hot reload
- Extract HTML and CSS
youtube.com
Learn the basics of resource bundling using the most popular resource bundler available.
Objectives:
- Setup webpack
- Loaders
- Cache busting
- Tree-Shaking and code splitting
- Hot reload
- Extract HTML and CSS
youtube.com
9. Testing with Jest
Learn how to test your code using jest, the most popular node.js testing library.
Objectives:
- What is jest
- Setup
- Basic matchers
- Test asynchronous functions
- Set up and tear down
- Mocks
youtube.com
Learn how to test your code using jest, the most popular node.js testing library.
Objectives:
- What is jest
- Setup
- Basic matchers
- Test asynchronous functions
- Set up and tear down
- Mocks
youtube.com
10. React
Learn React, the most popular frontend framework for building single-page applications.
Objectives:
- JSX
- Components
- State handling
- Lifecycle methods
- Hooks
- Styling
codecademy.com
Learn React, the most popular frontend framework for building single-page applications.
Objectives:
- JSX
- Components
- State handling
- Lifecycle methods
- Hooks
- Styling
codecademy.com
11. GitHub actions for frontend development
Learn about continuous integration and -deployment by example, using GitHub actions to automate your work.
Objectives:
- Basics of ci/cd
- Automate linting, formatting, type-checking, tests and your build
blog.maximeheckel.com
Learn about continuous integration and -deployment by example, using GitHub actions to automate your work.
Objectives:
- Basics of ci/cd
- Automate linting, formatting, type-checking, tests and your build
blog.maximeheckel.com
Once you have made it through, you have a solid understanding.
Knowing everything is not required to start in a junior position. But getting more experienced and more efficient over time is vital.
Companies always look for people that are humble and know the essentials.
Knowing everything is not required to start in a junior position. But getting more experienced and more efficient over time is vital.
Companies always look for people that are humble and know the essentials.
That's a wrap!
If you enjoyed this thread:
1. Follow me @sesigl for more of these
2. RT the tweet below to share this thread with your audience
If you enjoyed this thread:
1. Follow me @sesigl for more of these
2. RT the tweet below to share this thread with your audience
❤️ I really appreciate your engagement, so thanks, everybody ❤️
If you like my tweets, say thank you by:
- like my tweet,
- retweet my tweet and
- follow me.
Thank you 😍
If you like my tweets, say thank you by:
- like my tweet,
- retweet my tweet and
- follow me.
Thank you 😍
Loading suggestions...