Welcome to my practical guide for web development in 2018 in terms of technology and career.
Before we start I just want to mention a few things, you don’t need to learn everything that I mention here in fact that may be impossible.
This guide it depends on what type of developer you want to be.
Do you want to be a full-stack developer?
which works on the front end back end do you want to specialize in the front end and in the UI the user interface
Do you want to be a simple web designer?
that builds just basic browser web sites
Do you want to be a back-end engineer ?
that creates complex api’s and manages databases
You’ll need to make different choices depending on what kind of developer you want to be but this guide in general is for full stack web developers but that doesn’t mean that if you want to be a front-end developer this is no use to you because we’re going to talk about your stuff as well
Let’s take a look some tools and software now you’re not gonna need all of these at once.
Tools and Softwares
Text editor or possibly an IDE:
Visual Studio code, Atom and sublime text these are all very customizable they’re very fast they have tons of features.
A good browser:
Photoshop, GIMP etc
Eventually need an FTP client to upload to your your host especially if you’re using a shared host.
an SSH tool like putty if you’re on Mac or Linux you can simply use the SSH command it’s just a way to interact with your server and deploy applications.
This is something that is definitely optional but something I’d recommend because I like to have my code available from everywhere from all my computers if I go on vacation I want it on my laptop and I want it all synched up so I prefer Dropbox but Google Drive another good service.
I would say that you need to learn before anything else. if you’re striving to be any kind of web developer that builds stuff in the browser this is the most important thing to learn because HTML and CSS are the building blocks of the web.
Every website that you you visit uses HTML and CSS, regardless of its back-end technologies regardless of the languages it uses on its server the UI is always going to be in HTML and CSS.
Deploying a Basic Website:
- Shared hosting [InMotion, Hostgator, etc]
- Learn the basics of cPanel [Creating email accounts, FTP, etc]
- Upload a site with FTP [FileZilla]
- Register a domain name and learn about DNS / Name Servers
Web Designer / Basic Front End Dev
- Build simple websites & Uls
- PSD / AI – . HTMU CSS
- Choose to be a freelancer or a very entry level position
Where To Next? [Depends]
- HTML / CSS Frameworks
- Server Side Language/Technology
Side Technologies You Should Learn
- GIT –> Version control
- Basic Command Line Folder navigation, file creation, etc
- APIS / REST Learn how REST APIs work
- HTTP / SSL HTTP requests, HTTPS
- CSS Pre-Processor Sass or Less
Server Side Technology [Choose One]
- PH P
Database [Choose One]
- MongoDB –> NoSQL, non-relational, suggested for Node.js
- MySQL –> Popular relational database
- PostgreSQL –> Powerful but a bit more difficult than MySQL
- SQL Server –> Microsoft’s implementation of SQL
- Oracle –> Heavily used in enterprise
- Firebase –> Cloud database maintained by Google
Server Side Frameworks [Choose One]
- Python –> Django, Flask, Web2py, Pylons
- PHP –> Laravel, Symfony, CodeIgniter, Yii2
- Ruby –> Ruby on Rails, Sinatra, Nitro ✓ C# NET
Content Management Systems
- WordPress, Drupal, Joomla
- Great for clients
- Thousands of plugins / add-ons
- Fast development
- Can be limiting
Dev Ops & Deploying Applications
- Dedicated Server / VPS
- Cloud Hosting – Digital Ocean, Heroku, Amazon Web Services
- Cloud Storage – Amazon S3
- Working with SSH & command line
- Server maintenance & software updates
Mobile Applications [Choose One]
- React Native
- PhoneGap / Cordova
You Are a Full Stack Developer!
- Create simple to advanced web applications [Front & Back end]
- Create secure REST APIs
- Deploy & maintain applications
- Administer databases
- You should now be able to get a very good job or run your own business
Biggest Changes From Last Year
- New technologies [Grid CSS, Fetch API, Materialize, NativeScript]
- More focus on full stack and REST APIS rather than server rendered views
- Single Page Applications
- Python & C# over PHP
- Focus on your career and whatever technologies your company uses
- Learn other languages / stacks in your spare time
- Stay up to date with trends & technologies