Start building your carrier as a web developer
Tags: webdev, career, html, css
Published: 2022-10-18 19:13:59

Hello guys, I am Sadisha Nimsara(nsadisha). This article is for beginners who interested in web development. Most of the people, even students in universities are familiar with web development. But most of them have no idea how they can start it as their carrier. So, in this article we are going to learn “What are the things you need to learn to become a expert in web development.”

# Path ways

In this path, you can be either “Front-end”, “Back-end”, or a “Full-stack” Developer.

# Front-end developer

![front-end development](https://cdn-images-1.medium.com/max/820/1*nRsm87tpRbWG5YknSf1LPw.jpeg)

Front-end developer is a person who develop websites and web applications. Simply, the development of the client-side(how a web page will look like) is developed by a front-end developer.

### Three basic technologies

Most basic elements in a web page.

- [HTML](https://www.w3schools.com/html/default.asp)
- [CSS](https://www.w3schools.com/css/default.asp)
- [JavaScript](https://www.w3schools.com/js/default.asp)

### Popular CSS and JavaScript frameworks

These things will make the development process easier for you.

- [Bootstrap](https://getbootstrap.com)
- [W3.CSS](https://www.w3schools.com/whatis/whatis_w3css.asp)
- [HTML DOM](https://www.w3schools.com/whatis/whatis_htmldom.asp)
- [JSON](https://www.w3schools.com/js/js_json.asp)
- [XML](https://www.w3schools.com/whatis/whatis_xml.asp)
- [jQuery](https://jquery.com)
- [Vue](https://vuejs.org)
- [Angular](https://angular.io)
- [React](https://reactjs.org)

### Handling APIs

- [REST](https://restfulapi.net) — Representative State Transfer
- [GraphQL](https://graphql.org)

### API data formats

- [JSON ](https://www.w3schools.com/js/js_json.asp)— JavaScript Object Notation
- [XML](https://www.w3schools.com/xml/default.asp) — eXtensible Markup Language

### Version controlling

- [Git](https://www.w3schools.com/git/)

You can start by learning the above mentioned technologies. And also do some projects your own. It will help you a lot to understand how these things work together, what error can be occurred, and many more.

# Back-end developer

![backend development](https://cdn-images-1.medium.com/max/1000/1*cKdLF93Q-8BgVOg2loxp8g.png)

Back-end developer is responsible for how the website/applications will work. All business logics and database related things are handled by him.

### Languages

- [PHP](https://www.w3schools.com/php/default.asp)
- [Java](https://www.w3schools.com/java/default.asp)
- [JavaScript](https://www.w3schools.com/js/default.asp)
- [Python](https://www.w3schools.com/python/default.asp)
- [Go](https://www.w3schools.com/go/index.php)
- Ruby

### Frameworks

- [Springboot(Java)](https://spring.io/projects/spring-boot)
- [ExpressJs(JavaScript)](https://expressjs.com)
- [Laravel(PHP)](https://laravel.com)
- [Django(Python)](https://www.djangoproject.com)

### Database management

- [MongoDB](https://www.mongodb.com)
- SQL/relational databases (MySQL, Oracle, PostgreSQL)
- [Firebase](https://firebase.google.com) — Complete platform for backend

### Web servers

- [Apache](https://httpd.apache.org)
- [NGINIX](https://www.nginx.com)

### Other tools

- [Postman](https://www.postman.com) — used for testing API endpoints

# Full-stack developer

![full-stack development](https://cdn-images-1.medium.com/max/1024/1*gFl5oGJKqLWOqPK_NNtz2Q.png)

Full-stack developer is a combination of both front-end and back-end developers. He is responsible for developing user interfaces, business logic, database integration.

**\*\* Mastering JavaScript will be a bigger advantage for a web developer regardless of his roll. \*\***


{% youtube xORdz1Hi9Gc %}

If you wish to learn more about back-end development, follow the following topics:

### Caching

1. CDN (Cloud Delivery Network)
2. Server-side caching
3. Client-side cashing

### Web Security

1. Hashing Algorithms  
- MD5  
- SHA Family  
- Scrypt  
- Bcrypt
2. HTTPS
3. CORS
4. SSL/TLS

### Testing

1. Unit testing
2. Integrated testing
3. E2E testing

### Containerisation/Virtualisation

1. Docker
2. Kubernetes
3. RKT

### Architectural patterns

1. Monolithic
2. Microservices
3. Serverless
4. Scaling (Horizontal & Vertical)
5. Load Balancers

### Cloud platforms

1. AWS (Amazon Web Services)
2. GCP (Google Cloud Platform)
3. Microsoft Azure
4. Oracle Cloud
5. SISCO

Thank you for reading this article. If you find something valuable in this article please give it a clap and leave your thoughts. Don’t forget to share.

To be continued!