A journey To become a full-stack developer

6 min readFeb 9, 2019

Being a full stack developer gives you the ability to create a stunning and amazing web application for customers or your self

A full-stack developer is one the best job and recommendation for 2019 according to template monster

and in this post, I will take in a journey to show you what you should learn to be a full stack developer with helpful links for you

links helped and still helping me on my journey to be a full-stack developer

Front-End Designer

According to bradfrost.com A frontend designer (who may also go by UI developer, client-side developer, UI engineer, design engineer, front-end architect, designer/developer, prototyper, unicorn, or Bo Jackson) lives in a sort of purgatory between worlds:

They understand UX principles and best practices, but may not spend their time conducting research, creating flows, and planning scenarios
They have a keen eye for aesthetics, but may not spend their time pouring over font pairings, comparing color palettes, or creating illustrations and icons.
They can write JavaScript, but may not spend their time writing application-level code, wiring up middleware, or debugging.
They understand the importance of backend development, but may not spend their time writing backend logic, spinning up servers, load testing, etc.

What is a UI Designer /UI developer /UX developer

it simple the UI represents User interface and UX represents user experience

a UI/UX developer work to create and develop an interface so the user of the app or the web app will find it easy and feel comfortable on using the website

now these days a UI/UX designer is an important person in every team and in every project he searches and makes research and study to find a way to make the experience of the clients good on using the web app or the app

and UI/UX developers are known by creating a prototype by using a program, especially for UI design example Adobe XD Sketch …etc

there are many many programs you can use if you want to be a UI/UX designer but for me, the best and the good is Adobe XD

if you are interested in learning this path and becoming a UI/UX designer

I recommend you to check these links

UXmeagazing you will find a lot of helpful articles about the UX filed
learnui you will find lots of courses and helpful tutorials on the UI/UX filed
blog.prototype check this post to know more about tools you can use for UI/UX developing

Oh, no code ? are we talking about web dev or a graphic designer?

the answer yep we are talking about the web dev and you wanna code here the code part comes

Web designer

You are wondering how web pages are built and what they used to create it and you want to create your pages too

this will be helpful for you

because you are interesting on the web development so this mean you already heard of HTML5 CSS3 JavaScripts

if you don't know what they are just google it and you will find out

HTML: there's a lot of sources to learn HTML for all the language but today I will show you sources for two languages ENGLISH AND ARABIC

for Arabic speaker I can’t recommend you more than this course because it the best tutorial in the Arabic world, EL zero web school

for the English speaker you have two choices to way to learn what I have learned before

you can learn by video by watching the tutorial of freecodecamp in youtube

or by this article from freecodecamp

CSS: I loved learning CSS a lot and I style learning it and see what new on it on framework as getbootstrap.com ….etc

for learning CSS there is a lot of sources for you, you can choose I learned from a lot of sources but I will show you the best and what else recommended to me when I just started learning

. for Arabic speaker

. for English speaker

1. Free Code camp

2. Traversy Media

3. the net ninja

Now I showed you source where you can learn HTML and CSS but it not over

now it time for CSS framework

accoirdidng to me yes me

the best 5 CSS frameworks are Bootstrap, Foundation , UI kits

but for my projects I use bootstrap why bootstrap

because Bootstrap is popular, faster and easier front-end/UI development HTML, CSS as well as Javascript framework. The framework is running in million of amazing websites across the web and providing ultimate flexible and scalable opportunities.

Bootstrap comes with a responsive, mobile first fluid layout that easily scales up to 12 columns as the devices or viewport size maximizes. That also comes with numerous component including Modals, Dropdown, ScrollSpy, Tab, Tooltips, Popovers. Carousels and many more.

and in this articl, i will show you where you will learn bootstrap from zero to hero

. for Arabic speaker

elzero bootstrap designing course from zero to hero
learn how to create a website with Bootstrap 4 from elzero
the new Bagdad tutorial for bootstrap

.for English speaker

the net ninja the best tutorial for a new coder
OnlineITtuts Tutorials
Coding Addict tutorial plus a project
System 22 I.T. Solutions

are we done with the front end ??

nah I kept the best to the end yep

JAVASCRIPT, not java But javascript if you didn't know it just google it you will find info about it

for javascript, I don't have a lot of resources to offer you because there is a lot of good amazing framework I don't know who is the best of them they are all good but I will give you links to where to study it and learn about it and some tutorial for some of framework

.for Arabic speaker

.for English speaker

the full course and best javascript tutorial by the net ninja
vu.js tutorial
angular.js
react.js

Now we are done with the front end path and hope all the resource will help you

but the article is not over if you want to continue reading we will start the back end

Back-end Developer

The back-end developer doesn't need to learn all the back-end language like PHP python ruby on rail ….etc

he just needs to learn one language and be good at it, now I will show you what I think is the best language and where you will learn it

PHP

For me PHP is one of the best back end language there is out there and I'm using it for all my project I love it I adore it I will help you with links if you want to learn it and become a PHP developer

freecodecamp : I learned PHP from this tutorial its the best tutorial about PHP
mumt full PHP MySQL
elzero full PHP tutorial on Arabic
building an e-commerce PHP website on Arabic

Now its time from a framework , a lot of the website you see are built with help of a framework

what is the best framework out there?

the answer is I don't know I'm not going to lie to you but I will let you judge who is the best

there is a lot of frameworks that if you want to all learn them you need all your life to studying them but according to raygun.com the best framework for now are

laravel.com

CodeIgniter

Symfony

as you know I will give you links where you can learn these frameworks

for laravel, I can't find any course better than the course of laracasts.com for English speaker and the new Bagdad laravel course for the Arabic speaker
for codeigniter, the best tutorial for the arabic speaker is coding tutors and web lesson for English speaker
tutorial about Symfony in English, the tutorial on Arabic

in the end, I hope this article helped you and I hope these links and tutorial helps you like they helped me and

enjoy coding

A journey To become a full-stack developer

Front-End Designer

Back-end Developer

PHP

Written by Hmimi Chioukh