Skip to main content

Frontend Development: 8 things to master frontend development

 




The web development journey is a never-ending process.

There are a lot of new technologies and frameworks coming up every day. But guess what?
For the last two years, I've been mentoring many developers within organizations to help them outperform.


1. First, learn about HTML

Read Everything from: w3schools.com/html Build a new project on the local machine to implement simple things you learn. Example: If you're learning about the Heading element, I try to use H1, H2... H6 and see what things look like.

Once all HTML Chapters are read, build an example with HTML elements you learned. Even if it takes time to understand, stick to it till the end. YouTube has made learning easy than ever before. Watch videos to understand better.
Before moving to CSS, watch one HTML tutorial video again to brush up on things. I have learned everything from this YouTube channel





2. Learn CSS

Follow the same process learn on w3schools and build examples on the local machine. w3schools.com/css/default.asp

Build 5-10 examples only on CSS after learning. Things take time to master CSS, so practice, that is what matters. Learn Flexbox along the way. This is the site I love



3. Build More Examples with HTML + CSS combo

search and Practice beginner projects ,where you use both HTML and CSS to build basic programs Search on google for "Example for practicing HTML, CSS." Try to clone some websites which will boost your confidence.



4. Learn Git

Why? For all the following projects you work on, build a portfolio of projects on Github. Some of the videos I would recommend youtube.com/watch?v=RGOj5y youtube.com/watch?v=8JJ101 Create a GitHub account and play around with whatever you have watched.


5. Learn Bootstrap ( Optional but recommended step )

Responsive design is the must of a web developer, understand it with documentation. getbootstrap.com Build 5-10 projects while learning it. The more you build the project, the stronger your foundation is.


6. Learn JavaScript

Use w3schools.com/js/default.asp to learn. Build simple apps like Todo, Clock, etc. There are lots of GitHub repo that provide code and examples to learn. Pick projects from that.

While building a JavaScript example, make sure to focus on HTML, CSS, and Bootstrap. You build one example, but you master three things at a time. More project = More confidence = More Grasp. Keep building the project until you think you are comfortable working on it.


7. Learn React

Now that you already have a strong base, learning React is easier than JavaScript. As the concept stays the same, the syntax is different. 1. Read Documentation reactjs.org 2. Build examples. 3. Watch YouTube videos.



Remember each example you build is going to be on GitHub. It's your portfolio to help you stand out from the crowd. Remember, nobody is born a pro. All the efforts you have made so far does count. Define small goals of learning and crush them.

Having these skills is enough to land a good job. But you can continue learning the advanced concept and frameworks like 1. TypeScript 2. SCSS / Styled Components / Tailwind CSS 3. Unit Testing 4. Learn using UI libraries

Remember, pick one thing at a time. Master it. If you try to kill all flying birds, you will kill none. Don’t be afraid to ask for help. Refuse negative talk - Keep the momentum going. Nothing works unless you do.


8. Miscellaneous things I would do

Keep reading blogs on your journey. Keep writing blogs on whatever you learned. Read Interview Questions on different sites to evaluate yourself. Solve algorithms only to put my skills under the test. Build a personal website. Guaranteed Results
It's impossible for you NOT to get a job if you follow the above steps. If you keep learning every day, you will notice you have come a long way only after three months. Consistency in learning >> Anything else
Labels:

Popular posts from this blog

Best Ways to Initialize variables in Java programming - 2022 reviewed

When the variables in the example above are declared, they have an undetermined value until they are assigned a value for the first time. But it is possible for a variable to have a specific value from the moment it is declared. This is called the initialization of the variable. In C++, there are three ways to initialize variables. They are all equivalent and are reminiscent of the evolution of the language over the years: The first one, known as c-like initialization (because it is inherited from the C language), consists of appending an equal sign followed by the value to which the variable is initialized: type identifier = initial_value; For example, to declare a variable of type int called x and initialize it to a value of zero from the same moment it is declared, we can write:   int x = 0; A second method, known as constructor initialization (introduced by the C++ language), encloses the initial value between parentheses ( () ): type identifier
Read more

Java Literals

Literals are the most obvious kind of constants. They are used to express particular values within the source code of a program. We have already used some in previous chapters to give specific values to variables or to express messages we wanted our programs to print out, for example, when we wrote:   a = 5; The 5 in this piece of code was a literal constant . Literal constants can be classified into: integer, floating-point, characters, strings, Boolean, pointers, and user-defined literals. Integer Numerals 1 2 3 1776 707 -273 These are numerical constants that identify integer values. Notice that they are not enclosed in quotes or any other special character; they are a simple succession of digits representing a whole number in decimal base; for example, 1776 always represents the value one thousand seven hundred seventy-six . In addition to decimal numbers (those that most of us use every day), C++ allows the use of octal numbers (base 8)
Read more

Introduction to strings

Fundamental types represent the most basic types handled by the machines where the code may run. But one of the major strengths of the C++ language is its rich set of compound types, of which the fundamental types are mere building blocks. An example of compound type is the string class. Variables of this type are able to store sequences of characters, such as words or sentences. A very useful feature! A first difference with fundamental data types is that in order to declare and use objects (variables) of this type, the program needs to include the header where the type is defined within the standard library (header <string> ): // my first string #include <iostream> #include <string> using namespace std; int main () { string mystring; mystring = "This is a string" ; cout << mystring; return 0; }   printout:   This is a string As you can see in the previous example, strings can be initialized with any valid string l
Read more