” Success does not come overnight, It is the sum of repeated small efforts “
web page
A document which can be displayed in a web browser such as Firefox, Google Chrome, Opera, Microsoft Internet Explorer or Edge, or Apple’s Safari. These are also often called just “pages.”
Website
A collection of web pages which are grouped together and usually connected together in various ways. Often called a “web site” or simply a “site.”
Web Server
A computer that hosts a website on the Internet.
Search Engine
A web service that helps you find other web pages, such as Google, Bing, Yahoo, or DuckDuckGo. Search engines are normally accessed through a web browser (e.g. you can perform search engine searches directly in the address bar of Firefox, Chrome, etc.) or through a web page (e.g. bing.com or duckduckgo.com).
Web design
Think about web designers as those who transform an idea, or a story, into a visually appealing design, and use their layout to build the user experience throughout the whole website. They design the website’s look and feel. As an architect would create a plan of your house prior to start building it, similarly a web designer would model the layout of your website before a web developer can start developing it.
Web designers have a difficult role which is often underrated. In their designs they need to integrate the best user experience possible, and create a welcoming environment for the user. They have to change an idea from writing, into a usable design and interface that catches the user’s attention. A website cannot be described as great if a proper design strategy wasn’t applied into the early stages of the project. Nowadays, web designers are rated at the same level of web developers, as without a great user experience and design, the development cannot be truly appreciated by the user.
Web designers have built a whole library of strategic techniques for themselves. You don’t just create a perfect website immediately after reading or thinking about the specifications or the features required. You start with a scope — the focus point and the purpose that the website will offer. You would first roughly envision the designs in your head, and start with a sketch or draft of the design. From sketching, web designers move to wireframes, mock-ups, and to the final design. Professional web designers build the whole website in design components, with a pixel perfect layout of all the web pages, icons, typography and other intricate features.
Main roles of a web designer :
Using software tools such as Adobe Photoshop, Framer, or Sketch to build the final layout design of the website Have good skills in graphic design and logo design Have a good feel for user experience, to identify the simplest approach possible to attain the desired function. This includes the layout, buttons, images and the general format of the website.
Web designers need to keep themselves up to date with the latest design trends. It’s also important to keep design consistency that is made popular from other web giant companies, such as Google, and Facebook. This makes the website environment and interface easier to navigate and use, as it is already familiar to the users eyes.
Web designers have to also keep in mind the branding of the website, color palettes to be used, and the typography and readability of the website.
Web development :
Think about web developers as those who turn the designs into a live website. Web developers uses web languages and software tools to develop the design and functionality of a website. Notice, that web developers are further split into two sub-categories; front-end developers, and back-end developers. I see front-end developers as the connection between both web designers and back-end developers, as having a little knowledge of both, would allow a front-end developer to build a fully working website. A front-end developer is the one who builds the interface, and provides the layout as the interaction between the back-end of the website and the user.
Front-end developers use three main languages; Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), and JavaScript (JS). With these languages, a developer is able to create a full-fledged website. From the main design layout, to inserting images, applying different types of typography and font families, implementing animations, the flow of different pages, form interfaces, and more.
Back-end developers are those who control the server data and requests. Usually a website requires back-end services if it contains dynamic data. This means, for example, users submitting a form with personal data (such as creating an account), or saving an article for your blog page. Generally, if the website requires data to be saved, and making it accessible at a later stage, it means that it would also need a database connection. Database connections are made possible by a direct connection from the server itself. Thus, a back-end developer then uses server languages such as PHP or ASP.NET, and writes database queries by using languages such as SQL or MySQL.
Main roles of a web developer:
Building the actual interface through which a user interacts with the website. This interface is built by front-end developers using HTML, CSS, and JS languages.
Front-end developers provide the markup design to back-end developers, so they can implement a dynamic website, and submit all the required data on the server and databases.
Back-end developers create the backbone of the website using languages such as PHP and MySQL.
Both front-end and back-end developers can use the same development environments or IDEs (Integrated Development Environment). These are software application tools where you code and build the structure of the website.
Web developers may also use versioning tools to keep a history of the previous builds. This will help them to quickly and effortlessly move back to a previous “unbroken” version if required to do so.
Stage 1
HTML: HTML, you have heard about it lots of times before. If I am not wrong HTML is the language you have learned in your school life. Yes, it’s actually the same as what you have learned a long time ago but as long as time changes technologies are changes. Nowadays as you have grown up, even HTML has been grown up too, now there is called HTML5 which comes in existence. What? Worried about what is it? Don’t be. I just said that as we have grown up HTML has grown up too but the difference between us and HTML is, it changed its name to HTML5. In HTML5, you can not just prepare the basic structure of the web page but we have many more things that we can do. We can store and process values on variables on-page itself without any databases like we do in any programming languages (Temporary variables), we can develop games on it. No need for flash to play animations on it. Even we can develop a fully functional blog with HTML4 itself without any help to server-side scripting languages.
Stage 2
CSS: We live in such a society where everybody wants to look pretty, beautiful, to achieve this everyone does makeup. Similarly, CSS does for HTML. CSS creates the beauty on HTML pages. With the help of CSS, you can make your web page colorful and smooth. You can even create animations using CSS. You can add transitions, changing the scrolling events of your pages, mouse click events and many more. But as HTML changes to HTML5, CSS also has been changed to CSS3.
Stage 3
JAVASCRIPT: You have learned how your site will look like, you have designed the beauty of your page yet. Now, it’s turn to create some useful tasks that your web page elements will do when some activities performed on your web pages like button click events, mouse over any text, playing and pausing some animations on page, etc. With the help of JAVASCRIPT, you can do that easily. One of the best scripting languages used to make a web page more smooth, flexible and platform-independent is javascript. It’s not that easy to learn but whatever you learned at an easy level, that will be enough to do your all tasks.
Stage 4
BOOTSTRAP: Remember the term Responsive ? Okay, let me explain to you what exactly responsive website means. Responsive websites are those sites which change its element’s alignments, spacing according to the screen size of the device it is browsing. This is the technology called Bootstrap which makes it easier to design a responsive web site. Bootstrap is an open-source front end framework that works with HTML, CSS, and JavaScript to design responsive web sites for your laptops, tablets and mobile devices.
Stage 5
PHP: As up to now you have learned about how your web page will look like, how the interface of your web page users will face. How it reacts based upon the user’s activity but only at the client machine. But nowadays we have the works of a lot perform on the back end of our web page called server. So to code on server-side we need server-side scripting language which one is PHP (Hypertext Preprocessor). We have also many more other server-side scripting languages are there like Asp.net, JSP etc but PHP is one of the easiest and most used server-side scripting languages.
How to Run PHP program on your local machine? As PHP is a server-side scripting language it must have a server to run? So how can you do that? Surely you can not afford a server to learn PHP. So don’t worry about it. We have a lot of tools available in the IT market which helps you to run PHP codes on your local machine. Following tools can be used to run PHP codes on local machine :
1.WAMP(Windows, Apache MySQL, PHP) – For windows machines
2. LAMP(Linux, Apache, My-Sql, PHP) – For Linux based machines
3. XAMP(X-for any OS, Apache, My-Sql, PHP) – It can work on any OS
Stage 6
MySQL: Now it comes to databases, We have so many data available to display on the web page but we just can’t simply store them on web pages. A database management system is important because it manages data efficiently and allows users to perform multiple tasks with ease. A database management system stores organizes and manages a large amount of information within a single software application. MY-SQL is one of the open-source database management available in the IT industry. I am recommending learning PHP language instead of ASP and JSP just because it provides easiest way to connect MY-SQL database with it If you have a basic concept of C/C++ Programming languages. Even you can practice the connectivity of PHP and MY-SQL on your local machine with the help of tools discussed above.
Web Framework
A web app framework or web framework is a software framework that is created to support the development of dynamic sites, web services, and web applications.
Django – A full-stack framework built using python
Ruby On Rails – A full-stack framework built using ruby
Node Js – A server-side javascript framework
PhoneGap or Cordova – A mobile framework that exposes native api’s of iOS and Android for use when writing javascript
WordPress – A CMS (content management system) built on PHP. Currently, about 20% of all websites run on this framework
Drupal – A CMS framework built using PHP
Angular Js – A front-end javascript framework
Libraries: Libraries are groupings of code snippets to enable a large amount of functionality without having to write it all by yourself. Libraries typically also go through the trouble to make sure the code is efficient and works well across browsers and devices (not always the case, but typically they do).
Jquery – Its a javascript library which makes HTML documents traversal, manipulations, event handling, animations and AJAX with a much easy to use API that works with multiple browsers.
UnderScoreJs – Its also a javascript library which provides a whole mess of functional programming helpers.
1- Now hiring! There are always web developer jobs available.
Given that there will be approximately 1.4 million computing jobs available in 2020, with only 400,000 qualified developers to fill them, those interested in acquiring in-demand skills can certainly benefit from having web development and coding in their resume. It’s safe to say there is, and will continue to be, high demand for web developers. You won’t have to worry about finding jobs for web developers any time soon.
2- A great income.
According to U.S. News & World Report, certified professional web developers earn an average salary of $64,970 nation wide. Salary shouldn’t be the only factor when deciding whether or not to learn web development, but it should be taken into consideration. With the average household income in the United States being $56,516 in 2017, average income for web developers looks pretty nice.
3- No wasted time in learning how to code.
If you’re serious about learning how to code, there are several options for web dev education. You can do a CS degree, teach yourself online, or do a bootcamp. All are great options; it really depends on how quickly you want to get out into the workforce. The benefit of bootcamp is that you can know how to code, and code well, in 13 weeks. 13 weeks! It’s an intense 13 weeks, but you will have people dedicated to your success in learning and finding a job throughout your bootcamp experience. Before you know it, you’ll be in a career you’re finally excited about!
4- You can work from anywhere.
Have freedom to work whenever you want from wherever—imagine that. All you need for web development is the internet and a laptop. Not all jobs are remote, but if that is your preference, there are remote jobs out there for you.
5- You can work at an awesome tech company.
Tech is where to be right now. Because there is such a high demand for web developers and so little trained developers to fill those positions, tech companies are doing an excellent job at making work like very comfortable, if not enjoyable. If you choose to work for a tech company as a web developer, you’ll enjoy free food, ping pong, and rad coworkers.
6- There are always freelance opportunities.
If you’re the type that likes to work project to project on your own terms, then being a freelance web developer is for you. Once you join the web dev community, you will find that there are plenty of opportunities for you to freelance. Coming right out of bootcamp, you can charge $50 an hour—depending on where you live—for your work. And, that will only increase as you become more skilled.
7- It’s creative and fun.
Web development gives you the opportunity to express yourself creatively on the internet. If you have an idea you would like to try as you discover your web dev skills, try it out. Web dev is a fun, creative experience.
