My Web Development Setup

Friday, July 17, 2020


Photo by Nathan da Silva on Unsplash

Aside from being a fashion/lifestyle blogger, I also enjoy web development. I have been working on some projects to add onto my portfolio and thought I should share a bit about my web development setup. I think a lot of new web developers have trouble deciding which tools they need to begin coding, and that was definitely something I struggled with when I started programming. There were so many tools, I didn't know which one to start with and how to setup my work environment. So, with that in mind, I wanted to share with you all my web development setup. Not every programmer may use the same tools as me, but this was the setup I found to be most productive and efficient for me, so if any of you are developers, I hope this post will be beneficial to you. Before I get into it, I wanted to give a little background on my programming journey. My first real experience with coding was in middle school when I discovered the wonders of HTML and CSS and I was fascinated with all the different things you could manipulate and create with HTML and CSS. I never really thought about becoming a developer until I was in my second year of college and began getting into different programming languages such as C and Java. I created small projects here and there and started coding websites from scratch. I want to keep this post short and sweet, so I'm not gonna go into too much detail, but the more I was coding, the more I found myself enjoying it, so I decided to pursue my dream of becoming a front end developer, so I started studying computer science at my University, and finished with a Bachelor's. Currently, I am starting to do more freelance work and hopefully turn that into a separate business. Anyways, I hope this post is helpful if any of you that are new to programming. Please feel free to leave any questions or any tools that you use as a developer. :)

Text Editors

Atom - This was my very first text editor and I love that it their interface is easy to navigate and intuitive. They also have a bunch of plugins you can download to make your work environment better. I mainly use this text editor when I'm coding on my laptop.
VS Code - This text editor has been used by many web developers and I have recently started using it on my desktop. The interface is similar to Atom and includes a lot of add-ons to improve your work environment.

Development Tools

Windows Terminal - This is my main tool when working in the command line because it allows me to easily switch between Windows and Linux. 
Ubuntu - My main tool for working in Linux and allows me to easily install packages. Definitely recommend this tool if you are new to Linux.
Adobe XD - I use this tool to help me design web interfaces before I begin working on a project.
Git and Github - A must have tool for me because it helps manage and track my projects conveniently and easily. Every developer should use Git as it helps tremendously when multiple people are working on a single project.
Postman - My main tool for testing api's.
Filezilla - My favorite FTP manager. I have used it during my time in university and for work.
Popsql - My main tool for working with SQL databases. The interface is nice and sleek.

Productivity Tools

Notion - I use this tool to help plan my projects, organize my workflow, and make sure I'm meeting deadlines.
Clockify - I use this tool to track the amount of hours I have worked on a project and it definitely helpful for me since I work as a freelancer.

Thanks for reading! I will see you on my next post which is going to be something that I have been planning for awhile now. Hope you all have a wonderful day and stay safe!






10 comments

  1. Interesting!!

    https://julesonthemoon.com/

    ReplyDelete
  2. I don’t suppose many of websites give this kind of information.

    ReplyDelete
  3. Awesome article! I want people to know just how good this information is in your article. It’s interesting, compelling content. Your views are much like my own concerning this subject. Swiss web agency

    ReplyDelete
  4. If you are looking for more information about flat rate locksmith Las Vegas check that right away. stratégie marketing suisse

    ReplyDelete
  5. Thanks, foг ones marvelous posting! I genuinely enjoyed reading it, you miggһt Ƅe a great author. I wiⅼl made certain to booҝmark your blog and ѡill often come back sometime soon. I want to encoᥙrage yourself to continue your great job, have a nice evening!
    Web Development Course
    best web development courses
    web development classes
    web development course near me
    Web Development Training
    training on web development
    web development training program
    web development training course
    web development summer training

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. You make so many great points here that I read your article a couple of times. Your views are in accordance with my own for the most part. This is great content for your readers. advertising agencies Toronto

    ReplyDelete
  8. SEO differs from local search engine optimization in that the latter is focused on optimizing a business' online presence so that its web pages will be displayed by search engines when a user enters a local search for its products or services.
    offpage SEO
    SEO strength
    SEO ranking

    ReplyDelete
  9. My partner and i favour your overall write-up. It could be great to look at any person describe inside terms from the aerobic in addition to lucidity because of this essential problem could be swiftly noticed. denver web designers

    ReplyDelete
  10. I'm glad I found this web site, I couldn't find any knowledge on this matter prior to.Also operate a site and if you are ever interested in doing some visitor writing for me if possible feel free to let me know, im always look for people to check out my web site.
    web design agency long island

    ReplyDelete

Sharon My Style. Design by Berenica Designs.