The first thing you want to do is to stay away from major JavaScript frameworks—they are a time sink that doesn't translate into much experience down the road. Invest some time into learning the basics HTML, CSS, vanilla Javascript.

Start simple with these technologies and build on that stack over time. If you start making websites with Bootstrap, React or something else, you'll quickly be overwhelmed and you'll miss on essential basic understanding.

The first step for you now would be go explore CodePen, make an account and use that as a playground. It greatly reduces your moving parts, as you won't have to think about setting up a development environment.

As to what to build and get your hands dirty with—find simple CodePen examples that you like, copy them and play with their code. Try changing things here and there and see how this plays out.

There is a no code revolution going on. If you want to become a front end developer start by creating a few websites for friends and family to get experience. Then reach to communities to work for free. Once you are happy your skills have been improved and refined, start charging a very low amount and then slow increase it over time.

Web development is becoming an increasingly widespread profession. Web developers are responsible for building and maintaining websites. They control how a website looks, how a website performs, and what sort of actions people can take when they visit a website. In some cases, web developers are also responsible for the content that a website contains, but most larger websites will have a separate content management team.

1. Learn HTML & CSS. And become good at it.
JavaScript, jQuery, JS frameworks (including AngularJS, Backbone, Ember, and ReactJS), CSS and front end frameworks (the most popular front end framework is Bootstrap), Experience with CSS Preprocessors, Experience with RESTful Services and APIs, Responsive and Mobile Design, Cross-Browser Development, Content Management Systems and E-commerce Platforms, Git and Version Control Systems, Problem Solving Skills.

You have to pass above tech to became a frontend developer,
I m starting from HTML and CSS are based on frontend tech.
https://www.w3schools.com
It was very helpful and also guide to me till now.
1:Creating the code that tells a website what content to put where. This controls the site layout, what appears on which pages, and where things appear on pages.
2:Telling a website on how to display elements, including things like changing the font size and color, image positioning and borders, and background colors.
3:Creating interactive elements like clickable buttons, scrolling panels, and other responsive parts of the site design that will draw people in and encourage them to perform actions that you want them to.

Front end web development has become a very attractive career choice over the past few years. A shortage of skilled developers has led to a large demand for entry level front end developers, which means that there has never been a better time to start coding.

Once you have learned the basics of front end development, it all comes down to practice. Take on freelance jobs and small projects. Volunteer to build your portfolio up, create your website, and most importantly, don’t give up!

What a coincidence! I also have an undergrad degree in Management Information Systems. I actually got another degree in web development with a minor in software development at the same time, so I skipped a step, but I made a similar jump from being a software engineer to being a creative designer.

I was working as a software engineer when I decided to move to a design profession instead. I worked as a Front End Web Dev in the interim.

You will need to start with the basics. Look up W3 schools and start with their HTML, CSS, PHP, and Javascript tutorials. They will take you step by step and offer the basic principals of web development.

Once you have those skills mastered, look into learning Wordpress or other CMS platforms. Wordpress will offer lots of design flexibility and it will be a great sandbox for you to start out your web development career. Wordpress has many tutorials that will walk you through the basics of web hosting and set up.

Familiarize yourself with web design standards and accessibility standards. You want to make sure your web designs follow basic hierarchy rules and provide a good user experience. Accessibility is often overlooked, but extremely important. Your potential clients could fall victim to lawsuits if your web designs don't follow accessibility standards. It will be partially your job to make sure this doesn't happen.

Make yourself a portfolio. Employers will expect you to have a portfolio in most cases. This will help you a lot if you have no professional experience because it offers you a chance for personal learning experience. Make a few demo websites in Wordpress to add to your portfolio.

Include at least one blog, 2 different e-commerce layouts, and an agency style template. You can find some great examples on Themeforest. These do not have to be real companies, of course, just some projects to get you started and set you up for success.

Once you have your portfolio together, start applying for entry level front end development jobs. Remember to never stop learning and improving your craft.

If you're looking to transition into front-end web development with a focus on design and creativity, that's a great choice! Given your background in Management Information Systems and passion for design, you’re already off to a good start.

To get started, I recommend exploring resources that offer hands-on learning and practical experience. For instance, services like Cleveroad's Front-End Development provide comprehensive support in this area: https://www.cleveroad.com/services/web-development/front-end-development/. They can help you understand the fundamentals and get you acquainted with the latest tools and trends in front-end development.

Additionally, consider taking online courses or tutorials that focus on HTML, CSS, and JavaScript, as these are the core technologies for front-end development. Building a few personal projects or contributing to open-source projects can also help you gain practical experience and build a portfolio.

Best of luck on your journey into front-end development!