Introduction to Web Development[Chapter 4]

Front-End Development

(continued)

In the market, there are many frameworks and libraries that people generally use to make their work(read code) easy, fast, and of-course reusable. Some popular ones are : React.js, Angular.js and Vue.js (there may be more but these ones are in demand nowadays, especially React.js)

Let's talk about some of the best resources out there that you may use.

→ React.js: React is a open-source and free, frontend javascript library that is created for building user-interfaces (UI) or UI components. Interesting thing is that Facebook maintains React.

This is the most popular library out there nowadays.

Click on the below mentioned resources links to jump directly on the resources.

Resources: 

Website Tutorial(English): FreeCodeCamp, etc.

Video Tutorial(Hindi): Code Step By Step, etc.

Video Tutorial(English): Codevolution(full playlist), etc.

Read More

Introduction to Web development. [Chapter 3]

In this chapter, I am assuming that you have already learnt the basics of Frontend web development like HTML, CSS, JAVASCRIPT and BOOTSTRAP. Now, it's time to discuss the projects that you can make to sharpen your skills and practice coding.

There are literally so many projects that can be developed using the basics of Frontend web development. To develop these projects, you need to be consistent and you need to have the ability to search for solutions to the problems that you are going to face during the project development.

 You should always remember that projects are something that show your skills and knowledge. So, you need to make sure that your projects are good but it doesn’t mean that you have to create an awesome project from the very beginning, no, it’s absolutely not like that, you should try to create some basic projects first and them you should go for intermediate level and then you should go for some advanced level projects.

Here is a list of projects and the reasons why you should try to create them.

1. Basic Static Web page. ( to make you feel comfortable and confident in coding)

2. A parallax website. (if you don’t know parallax just click here for the demo.)

3. Your personal portfolio website. (This is important.)

4. A Landing Page. ( this will help you think of different designs)

5. A Website with a form. (make sure to use the form validation techniques as much as possible as it will create an impact ).

6. A web page that includes the knowledge of CSS flexbox or CSS grid. ( this will enhance your ability to make excellent responsive websites.)

Hope it helps, have a nice day.

So after doing some projects, you may go for different popular libraries or frameworks that are there to make the frontend web development experience easy and smooth. We will be discussing them in Chapter 4.

Click here for Chapter 4 >>

Read More

Introduction to Web Development [Chapter 2]

In this chapter we are going to discuss the most important thing that is the sub-categories in web development and their technologies respectively.

Web Development is sub-categorised into three sections called Front-End, Back-End and Full Stack Development.

Lets dive deep into these subcategories one by one.

Front-End Development: In simple words, the website that the user sees or we may say the user interface of the website is Frontend. It is also called client-side development.

Back-End Development: This is the opposite side of frontend that the user can not see. It is also called server-side development.

Full Stack Development: This can be said as the combination of both- Frontend and Backend development.

Let's get into technological details and learning resources. You should learn the below mentioned technologies in a sequential manner.

Front-End Development

Technologies to learn:

HTML: HTML stands for Hyper Text Mark-up Language.


CSS: CSS stands for Cascading Style Sheets.

JAVASCRIPT: JavaScript is a Programming language that is widely used in Web development. We mostly use it to make the website dynamic.

BOOTSTRAP: Bootstrap is the most popular framework used for developing responsive and mobile-first websites and it has a huge demand in the market.

After learning the basics you may go for different popular libraries or frameworks that are there to make the Frontend development experience easy and smooth.

That’s it for now.

Click here for Chapter 3 >>

Read More

Introduction to Web Development [Chapter 1]

(Note : This blog is divided into several chapters to make it simple and easy for the user to understand the things smoothly and avoid over-information at a time.)

When it comes to learning web development or say any kind of development that requires some technologies to be executed in the proper manner, people often feel reluctant as they get worried about the different technologies that they require to learn that specific development, be it Web or Android Development.

Now the question arises. WHY ?

Why do learners get so overwhelmed when it comes to learning Web or Android Development?

It’s because of the lack of correct and useful guidance.

Yeah! You read it right. People often get the first advice or guidance from those who have absolutely no experience in this field.

That’s why, here, I am going to share the learning path for web development right from its introduction to some of the best free resources out there that you may use to learn Web Development.

So, without wasting your time, let’s get started.

Introduction.

Basically Web Development is the process to develop websites for different purposes. The websites can be of any type ranging from simple static page websites to complex web applications, electronic businesses and social network services. Now, let’s dive into the great world of web development. Wait ! I have something for you and that’s a tip: “Consistency is the key”. Remember this always.

So, without further ado let’s start.

Websites can be divided into some categories like Static and Dynamic, etc.

1. Static Websites: As the word suggests, these are the websites that are displayed to the user just as they are stored. In simple words we may say that they appear exactly as they are(it may sound funny for now).

2. Dynamic Websites: Here also, as the word suggests, these are the websites that are dynamic in nature means that the content of such websites changes in a dynamic manner.

(for more detailed info. You may refer to this article).

Click here for Chapter 2 >>

Read More