Aya Mostafa

In this article, I’ll explain the overall process of web development to tell you what you need to learn if you think about web development as your future career.

You’ll notice that most languages I talk about referenced by link to https://www.w3schools.com/ .I love this website as a start step because every topic has simple and clear explanation with many examples you can edit and run it. If you love another technique to learn like videos it’s OK. In the end, choose the most suitable learning method you love.

First, you must learn HTML/CSS, by those you can build web page blocks and style them with specific formats to look good for users. They are simple to learn and essential step to start.

In recent years, evolution of mobile devices and different screen resolutions called need to CSS frameworks that help the process of styling and handling many screen resolutions, make up the site design in a simple and modern fashion.Two notable and widely modern CSS frameworks examples Bootstrap and Foundation “you can pick one of them to learn”.

After that you need further step to add interactivity to your web page until now it’s just arranging content and styling but you need such as when you click on send button for form to start validating data that user entered before submitting to server where back-end and database process. You can do that by JavaScript.JavaScript is the programming language of HTML that enables you to control the behavior of the web pages in user’s browser.

To make things fast with small lines of code, jQuery comes with “Write Less, Do More” slogan .

jQuery is a fast, small, and feature-rich JavaScript library. jQuery has changed the way that millions of people write JavaScript.

By rapid changes in web, there are modern JavaScript frameworks that allow developers to worry less about code structure or maintenance while focusing on creation of complex interface elements and single page applications.

By modern JavaScript frameworks, projects that used to take months and hundreds of lines of code now could be achieved much faster with well-structured patterns and functions.

Here are best known JS frameworks you can learn “pick one”:-

• Angular 5/AngularJS (AngularJS is the old version of angular 5 but with different structure)

• React

• Vue.js

• Ember.js and so on

By learning all those mentioned above congratulations,Now you can start your career as a front-end developer

As a front-end developer you can search about this title in wuzzuf or bayt to know what companies need more and be updated with the current demands of this career job.

Next …

At this stage, we work on user’s browser as client-side.No database…No server-side

The server is responsible for serving the web pages online depending on the end-user need. It could be either static “fixed content” or dynamic “changeable content”.Server-side programming is the general name for the kind of program that runs directly on the server and interact with database.

There are several languages that can be used for server-side programming “pick one”:-

• PHP

• ASP.NET

• Node.js

• Java and JSP

• Python

• Ruby on Rails and so on.

If you choose PHP as server-side language, I’ll talk in this part about PHP frameworks.To build complex websites and web apps with a certain complexity level it can take too much time and hassle to always start from scratch, this called the need for a more structured natural way of development. PHP frameworks give developers an adequate solution for that.

PHP frameworks “pick one”:-

• Laravel

• Codeignitor

• Symfony

Now it’s time to store data needed in your application in database that organize data in tables and define relations between them. SQL is a standard language for storing, manipulating and retrieving data in databases.

Access to this data is usually provided by a "database management system" (DBMS) consisting of an integrated set of computer software.

Top known DBMS: -

• MySQL

• Microsoft SQL Server

• MongoDB and so on

To work on server-side development you need to choose the more common combination of server side language and DBMS.

Pick one to focus on:-

• PHP & MySQL

• ASP.NET & Microsoft SQL Server

• Node.js & MongoDB

Now, the final step comes to deploy the website online, you need to get web

hosting provider like ipage, hostgator, GoDaddy,etc... For me, I use iPage­ comparing to other web hosting providers I see it has many features with low-cost but you can choose whatever you need all will do the target.

By learning server-side technologies, you can start your career path as a back-end developer

After I talked about the process “front-end and back-end” and every role has its own technologies and career.

Let’s recap..

Think that front-end developer works on all what happen in user’s browser, how things look and behaviors that happen by users. And back-end developer works behind the scene to process the business logic layer and database layer.Choose which place you love to make your career but if you choose to work on server-side you need deeper programming learning if you don’t have any technical background. Also, recently the new job title "full-stack developer" raise in the market.this role works on both “front and back-end” sides.

Side Technologies To Learn:-

• Content management systems (Wordpress, Joomla, Drupal)

• Git Version Control & Github

• SSH & Basic Command Line

• CSS Pre-compilers ( Sass / Less)

• Module bundling services like Webpack, builders and task runners like Grunt and Gulp

• Social Media APIs (Facebook, Google, twitter, instagram, linkedin,..etc)

The next figure shows you the process of building website

Now what?

• Focus on your career

• Go back and learn what you love

• Keep up to date with new technologies

If you reached this line that means you read the whole article so it’ll be pleasure for me to know your opinion or if you have any question, let's discuss it .