Top Software and Tools for Web Development


Hey – how’s it going today? I will list my top apps and tools that I use on a daily basis as a web developer, so let’s get started So if you are new here, I am Adrian Stefan I’m a front-end developer for a couple of years now, so if you are interested about becoming a developer yourself Please consider subscribing. As a disclaimer. I’m not sponsoring any software or tools that I will mention this is just an informative video of the software and app that I use In my development process so the first step that I should begin with is the operating system and my personal choice of the operating System it is Mac OS I was microwaves for a number of reasons now the main one is The exclusivity of the software apps that are only supported on Mac OS platform I will cover these apps at the end of the videos so if your Mac OS user You might want to watch until the end I personally love the mac OS interface I Am also a big fan of the app that is it comes with like the calendar pages the mail client Even I also use Safari for debugging and testing and the list goes on But this doesn’t mean Mac o is the perfect platform for developers. I’m personally tied up by the exclusive apps like sketch because Sketch is only available on Mac OS, but if I was to choose between any other platforms any other Operating system besides Mac OS I would go with Linux next up on the list is The code editor or the IDE and my personal choice of code editor is webstorm Webstorm is a software IDE for developers made by JetBrains these guys have the most awesome Coders in the world, and they have an independent software for each language so for example I use webstorm because he specialized on JavaScript It’s it knows every every possible framework. You can think of like reactive view angular and so on Jetbrains have their own software for each independent language so for example if you code in PHP or Python They have the product you need Unfortunately you have to pay for their products, but if you are working as a freelancer and you charge hourly or weekly Basically every second you save with a coder. It’s pretty much a good investment I personally was pretty cheap when it came to buying for digital products But and I knew that these tools are pretty disposable but when I came to see the value in them and this time you’ll save with this unique feature that they offer I Seen their value and it made me worth any every penny I spent also worth mentioning JetBrains have discount for students so if you send them Your your ID as a student can get their products all the products for free I also use Visual Studio code, and this one is open source which means is absolutely free But I only use vs. Just by coding simple landing pages or basically static websites I don’t trust him or enough to use it in more complex projects Or larger projects when you when you’re working with a team. I don’t know don’t don’t throw rocks at me I just feel more comfortable using webstorm Then using vias before moving on I would just want to clarify that using a better Code editor doesn’t make it automatically a better programmer what I mean by that is before spending money on monthly subscriptions on fools or even Hardware make sure that the time You say with these tools worth more than the actual investment the quick math so for example Let’s say you spend you save 30 minutes per day using this expensive code editor or this expensive hardware that makes you Gives you around 11 hours per month now think about how much money you make in this 11 hours based on how much money charged per hour so if these products if these Monthly expenses are lower than you would make in 11 hours well You are on the plus side next up is called postman. I just postman to Develop api’s by testing our requests much faster than you would normally. It is a very intuitive and Beautiful UI and it makes your life much easier if you work with a PR is frequently it’s also available on every platform They also have a Chrome extension if you want to check it out if you work with designers before you have probably heard about sketch Sketch is used by designers mainly for designing and creating user experience and user interfaces for mobile and Web applications this app this software forced me to switch to Mac OS but this doesn’t have to be the case for you mainly because I also work as a digital product designer and Sketch for me is pretty much a must. I also know the existence of Photoshop, but I’m all about saving time and Using Photoshop for creating user interfaces and designing the web No no just now if you are interested to about products like I sketch on cross platform like Windows or Linux I would suggest Adobe XD they launched pretty soon, and it’s pretty similar to sketch I would totally recommend it the subscription on sketchy app you have to Pay only once in a lifetime. They also have student discount Which will give you around 50%? Discount price imageoptim is an application. It’s a small app only for Mac OS and is Compressing I use it for compressing images for the web. It’s not like an in Spencer ball application I know the you can use even Photoshop or sketch to optimize and Compress your images next up. We have envision if you worked in this field for quite some time I’m sure you’ve heard about envision. This is a collaborative app It’s a web app on the ground We have to you don’t have to install it or anything and I use it on a daily basis it Helps me get a feedback and confirmation on designs before starting to actual code up the website He says me from a lot of unnecessary work when it comes to communicating with my team or my clients Remotely I use HipChat HipChat is a cross-platform, and it’s developed by Atlassian guys These are the kings of productivity apps for programmers so if you want to get into programming or You’re looking into apps for productivity you should definitely check them out as a proud as a Productivity app I use an app called todo This is an exclusive for Mac OS only. I will link it down below it helps me organize my schedule I’m a pretty messy person when it comes to dates. I forget a lot of stuff like Having the meeting with the clients, or I forget movie. That’s someone’s estimation I just go there and write it down so that’s pretty much the apps that I use on a daily basis when developing Designing and stuff like that basically as as I’m working Thank you for watching. Please. Let me know if you have any suggestion for videos. Please let me know what you think about The subjects of the videos that I’m creating right now the environment the setup and so on it will help me quite a lot Again, thank you for watching. Please consider subscribing if you haven’t already and I’ll take the next time Prince that shit ciao

40 thoughts on “Top Software and Tools for Web Development

  1. Hey, Adrian! I have a few question for you! 😀

    What do you think about Sublime or Atom?

    Is there a problem if I install Visual Studio Code if I already have Visual Studio? Is it still useful?

    Also….Adobe has a lot of other software for web designing (Photoshop is just very popular so that may be the reason why it comes to some people's minds). What do you think about the other tools they have to offer?

  2. Hello Adrian, if it is possible, I would like if you do a video on steps you follow to get a particular project done. I mean the flow of discussing with the client, the design and so on. I have not never did a project for a client so I don't know how this flow looks like. also I would like an estimation of the time required to finish it. I know this depend on the project but I want just an estimation. when I enter freelance website I see unrealistique deadline from the bidders, and I wonder if they can accomplish the projects very fast or I'm the only uncapable here 🙂

  3. I've been on Linux and OpenBSD for last decade and have just switched over to MacOS in the last month for first time and you have provided lots of mac-only apps I will surely try out that were not available to me before. Thank you for sharing your knowledge as always, Adrian!

  4. Hey Adrian,
    do you have any suggestions or preferences when it comes to peripherals (such as a mouse and keyboard)? Btw keep uploading your videos, I really enjoy watching them 🤘🏼

  5. Aș dori să colaborăm în Canada … Te rog dă.mi un număr de WhatsApp sau tel.mobil sau alt tip de Chat … Mulțumesc !

  6. I‘ve been using both OS X (macOS now) and Windows daily for more than 2 years now, and I’m always on the hunt for programs/app to make my web designing – which I do as a hobby, I’m far from being a professional – life easier….and I’ve noticed Apple’s environment is getting less and less isolated and exclusive; the amount of cross-platform programs is huge compared to just 2-3 years ago, and it’s an evergrowing number.
    What I’m trying to say is that the programs made to run exclusively on Mac are limited to pretty much a handful these days, as more and more of them have been adapted to work on Windows as well.

  7. With 2018 just getting started, we’ve put together a collection of the best web design tools to watch out for in 2018. To get best web designing tools call on toll free number 1-844-312-7484 and get all solution of your web development and design related issues.

  8. Hey, Adrian!
    Would you mind sharing some of your work or/and your company's website ?
    A visual representation of your experience would be extremely beneficial and motivational.
    Many thanks!

  9. why do you need to buy a code editor ???? is there a significant difference i know lots of coder using free code editor hmmmmm

  10. I use VIM in everything, I kind of like Atom but its a bit heavy if you compare it with Sublime text, Atom takes longer to boot up and consume much more memory, that's why ended up using VIM instead and its awesome

  11. The idea is not on the tool but on feeling the customer and his habits, You need to understand what he wants and then add an idea of your app or site. Take a look at https://axisbits.com/blog/Chronic-Condition-Web-Health-apps-How-To-Manage-Chronic-Illness-And-Gain-Profit

  12. Hey , Checkout Ubman – An amazing Rest Api testing Tool for Android

    https://m.facebook.com/story.php?story_fbid=1878683542247739&id=100003183335792

    It would be Great , if you could do a Review of this App

  13. Yоu саn gеt mоrе rеvіеws аbоut wеbsіtе buіldеrs оn "сlаsуwеbsіtеbuіldеrs"

  14. My Development Tools

    1. Visual Coder + Notepad++
    2. Rocket .Chat (Self Hosted) (Android, iOS, Mac and Windows App available)
    3. Photoshop or Affinity Photo
    4. VestaCP (Hosting Panel)
    5. Adobe XD
    6. PostMan
    7. EverNote or Turtl
    8. Filezilla, WinSCP, Putty.
    9. VNC Client/Server
    10. Navicat Premium (Database Management Tool)
    11. Vmware or VirtualBox (For Multi OS Testing).

Leave a Reply

Your email address will not be published. Required fields are marked *