Web Development Blogs to Follow in 2022

TMI

Personal blogs

  • An online daily journal that shares experiences with an audience. Here, the blogger shares excerpts or snippets of their everyday life. An example is a college student in a foreign country attending university in a different country and sharing their daily struggles and experiences of living and studying in an unfamiliar place.

Business blogs

  • More focused on the business to gain exposure and increase business traffic and customers for the company.

Professional blogs

  • Creating blogs to make money online through selling ads and product endorsements for commissions.

Reverse blogs

  • Aka guest host blogs where the public supplies the content for interaction

Affiliate blogs

  • Where bloggers write reviews of products through affiliate links in hopes of increasing sales for that product and earning a commission as well

Freelance blogs

  • Writing content for a business and getting paid for it

BASICS OF WEB DEVELOPMENT:

1. How do websites work?

  • Front-end development — Taking the vision and creating or designing the concept and implementing it through codes. It is what users see, the visual aspects, and other aesthetics.
  • Back-end development — The unseen part of the website, where it keeps everything running. It is the server-side of the websites and programs, and the developers make sure that everything behind-the-scenes work correctly.
  • Full Stack developer — Developers who can work both the front-end and back-end and are highly specialized.

2. Tools needed

  • Computer — capable of running Windows, macOS, or Linux minimum 8GB of RAM, with Full HD monitor
  • Basic Text editor — this is to help manage all the codes you will write. Examples: Notepad++ or Atom
  • Web browsers — some options include Chrome, Safari, Microsoft Edge, Firefox, Brave, or Opera. To code, you will need a web browser.
  • A local webserver allows you to test your code on your computer without publishing anything on the internet.
  • Graphics editor — to assist in creating and editing the graphical elements

3. Foundations of Front-End Development

  • HTML or HyperText Markup Language is a standard markup language that allows web developers to create and structure sections, paragraphs, and links using elements, tags, and attributes.
  • CSS, also known as Cascading Style Sheets, describes how to display HTML elements.
  • JavaScript is text-based and allows for the creation of dynamic and interactive web pages.
  • Other tools — Package Managers, Build Tools, Version control.

4. Understanding how to work WordPress is an essential skill needed since it is standard publishing software that many blogs and websites use.

5. Foundations of Back End Development

  • Servers
  • Programing languages — Java, Python, Node.js, PHP, Ruby, etc

6. Architecture and Design

The layout and structure of pages within the site can include a Homepage, About page, Contact Us page, etc.

1. developerdrive.com

An excellent option for beginners that offers the latest news about web development and includes tutorials, tips, and articles.

2. simpleprogrammer.com

Focused on helping software developers/programmers and other IT professionals improve their careers. They constantly post new articles and keep the visitors engaged with humor while providing valuable content.

3. codenewbie.org

A virtual community that gives insight into all things web development for all newbies in the coding world.

4. Scotch.io

For the more experienced ones, this blog is packed with tutorials from JavaScript to PHP and offers some courses to increase coding expertise.

5. Codrops

Focused on providing valuable tutorials and articles regarding the latest trend in the web development industry. Also heavy on their how-to videos that walk you through processes applicable to different kinds of web developers.

6. A-List Apart

It focuses on web design and development, web content, best practices, and modern web standards. It offers a variety of opinion articles, from trends to environmental impact to career advice.

7. CSS Author

A blog for front-end developers with plenty of web developers and web designers' resources. An excellent site to find free libraries, plugins, bootstraps, and tools for developers working with HTML, CSS, JavaScript, jQuery, and PHP.

8. CSS Tricks

This blog site focuses on CSS, HTML, and JavaScript with tutorials, guides, tricks of the trade, and articles they constantly post.

9. David Walsh

This is a professional blog run by a senior Full Stack engineer, David Walsh. The site includes career advice, sneak peeks into life in a web development industry, articles, and some advice on technical SEO.

10. Smashing Magazine

An online magazine/blog offers the latest news on web technologies, productivity tips, and the newest opinion articles.

Takeaway on Web Development Blogs

To conclude, learning web development can be fun but quite challenging. The struggle is real. However, web development can be meaningful and fulfilling with the right tools and support. Technology is ever-changing, and to keep up-to-date with the latest and current trends in web development, we must always include research in our tasks.

--

--

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
Visualwebz

Visualwebz

A Seattle web design and online marketing agency that delivers high-end websites. A passion for web development and SEO.