Nerd For Tech
Published in

Nerd For Tech

A Short guide to Starting ‘Web Development’

Photo by Clément H on Unsplash

In this humongous field of web development, one might ask ‘Where to start from?’ Though there is a lot of material available on various links, this guide would help you in finding a direction.

1. Learning HyperText Markup Language (HTML), Cascading Style Sheets (CSS) & Javascript (JS)

The very first step to enter a field is to learn the basics. HTML, CSS, and JS constitute the basics that one needs to be familiar with. Then after you get a hold on the basics, try and dive deeper into their usage and implementation in creating a web application.

2. Choosing a framework

“A web framework (WF) or web application framework (WAF) is a software framework that is designed to support the development of web applications including web services, web resources, and web APIs. Web frameworks provide a standard way to build and deploy web applications on the World Wide Web”-Wikipedia

I consider this a crucial step in developing any application. From so many CSS & JS frameworks, which ones are to be used depends on the use of the application and the constraints if any while hosting that one might face.

Now there can be two cases, either one is going for developing a static application or a dynamic one. While static applications can be created easily with the basics, the role of choosing a framework is crucial in building dynamic websites.

i. For ‘beautifying’ your existing project, i.e. by using an external CSS framework, I highly recommend TailwindCSS (https://tailwindcss.com/) and Bootstrap (https://getbootstrap.com/), which saves your time in writing your own CSS.

ii. For building dynamic websites, Vue.js, ReactJs, Angular, Backbone.js, Ember.js, PolymerJS, Flask & Django, and for extensive data, Extjs are being used. All of these are built on top of Javascript (except Flask & Django, based on python), so be sure to get through it beforehand.

Some of the factors that can influence the choice of the framework/library are:

  1. Performing Server Side Rendering,
  2. Shaping it into a Progressive Web Application,
  3. State-While-Revalidate,
  4. External CSS/SCSS/SASS support,
  5. Whether it comes with design components or not.

3. Hosting your website

There are many platforms that let you host your website for free:

  1. Layer0 (https://layer0.co/): The All-in-one Jamstack platform to develop, deploy, preview, split test and monitor your frontend! Supports any framework with a great free plan.
  2. Vercel (https://vercel.com/): This platform also supports any framework that one might come across. Use cases covered include static as well as dynamic websites. All users get free unlimited domains to deploy on, with zero configuration required.
  3. Netlify (https://www.netlify.com/): This platform is famous to let developers have serverless backend services for web applications and static websites.
  4. Github (https://pages.github.com/): This open-source platform allows one to host their static website and by using the ‘gh-pages’ package to host react websites too.

I hope this helps!

Keep learning, developing and deploying :D

--

--

--

NFT is an Educational Media House. Our mission is to bring the invaluable knowledge and experiences of experts from all over the world to the novice. To know more about us, visit https://www.nerdfortech.org/.

Recommended from Medium

Html full course for (beginners to advanced)

Puzzling with Regular Expression😕

Python Built-In Data Types

Flexbox Vs Grid

Native Multi-platform Game: Game SDK (2 of …)

How to integrate the Google map support in Amazon LEX

TOP 10 BEST CODING PLATFORMS  FOR YOUR CHILD TO BE  FUTURE READY !!!

15 Git Related Interview Questions Every Developer Should Know.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Rishi Raj Jain

Rishi Raj Jain

Solutions Engineer @Layer0 by Limelight | @Storyblok Ambassador | Ex-SWE @dpschool_io ✨

More from Medium

Sign in once and Open Sesame : A primer on Single and Social Sign-On

Basics of Computer Programming

Basics of Computer Programming

Puzzling with Regular Expression😕

So I Started A Webpage.