journal
Everything You Need To Know To Become A Full Stack Developer In 2019
Aug 05 2019


Over the past 10 years, web technologies have grown from a chaotic line by line trial and error into a more complex component-based system. Today, developers have a better understanding of the web and how it should manifest.

Now… ‘the heck is a Full-Stack Developer? A Full-Stack Developer is someone who works in both the front and back end of a website or application. They’re speaking fluently HTML, CSS, JavaScript, and one or more back end technologies. This article will cover all of the major technologies involved in becoming a front-end, back-end or full-stack developer in 2019.


Keep in mind that regardless of how many books, tutorials, youtube videos, articles, tips and tricks, you’ll dig, to level up your coding skills, it’s a matter of how many KB of lines you’ll write and how many gallons of coffee will pour.


Full Stack Tools

IDE or Text Editor
An integrated development environment (IDE) is a software suite (Text Editor in this case) that consolidates basic tools required to write and test software.







Web Browsers
A web browser, or simply “browser,” is an application used to access and view websites. The primary function of a web browser is to render HTML.







Design & Mockup
In the design industry, from ideation to implementation there are some great applications that make it possible.







Animation
At the core of any interaction stands motion. Most users expect to be guided through their experiences, and here, animations are playing an important role in easing the learning curve usability.




Front End

Getting familiar with the basic understanding of the code structure and it’s hierarchy, will help you search for more.




HTML & CSS




Responsive Layout




SASS Pre-Processor




Vanilla JavaScript




Web deployment
Learn to deploy a website and link a domain name.

Register a domain name
A domain is an IP address identifier with a unique name that is easier to remember and it’s used in URLs to point to a particular Web page.



Manage Hosting
A Web Host or Web Hosting is a computer called Web Server that holds on to your web site files and show them to the Internet.



FTP/SFTP
FTP, also known as File Transfer Protocol, is a communication protocol for simple transmission of files across or accessing files on another computer over the Internet.



Static Hosting (need to learn git)
Static sites are the most basic type of website and are the easiest to create. Unlike dynamic websites, they do not require any Web programming or database design.



SSL Certificates
SSL Certificates are small data files that digitally bind a cryptographic key to an organization’s details. When installed on a web server, allows secure connections from a web server to a browser.




What can I build now?



Full Stack Developer

What to do next depends on what you want to do. You have a few choices:






1. HTML / CSS Framework
HTML/CSS Frameworks are becoming a bit less relevant but I would still suggest learning one. They can make your life much easier and great for prototyping.







2. Git & Tooling
Git is absolutely necessary for all web developers. Here are some other tooling suggestions:







3. Front End JS Framework







It is becoming a necessity to learn a JS front-end framework







State Management
For larger apps with a framework, you may need to learn methods to manage app-level state.







You now can:




Now, you should be able to get a full front-end job really easily.


Full Stack Developer

4. Server-Side Language
To be a full stack or software engineer, you will need to learn a server-side language/technology.




Things to learn:





Server-Side Frameworks
Do not reinvent the wheel. Learn a framework to optimize your workflow and build better and faster.






Database
Most applications will use some kind of database. These are different types, here are some options:






Server Rendering Pages
Frameworks like React, Vue & Angular can also be rendered on the server which can actually make things relatively easier and load faster






Content Management System (CMS)
CMS allows for quick development and give your client the ability to update their content without writing code.






DevOps, Development & More
Learning languages and frameworks is one thing, setting up environments, testing & deployment is another:






Full Stack Developer



Full Stack Badass
You can call your self a web rockstar. You now, can:










Mobile Development
There are some frameworks that allow us to create native apps with web technologies.






Desktop Apps with Electron
Electron is used to build powerful cross-platform desktop applications using JavaScript.