How far can Node.js go?

How-far-can-Node.js -go?The confined answer of what Node.js is? can go like the developer of Node.js took Javascript and allowed it to run on your computer rather than just the browser. Javascript can only access your webpage. With the ability to use your computer as a body, Node.js can do all sorts of great stuff which Javascript limits us to do. You have access to the files on your computer, can listen to the network traffic, access database directly, and also listen to the https requests and send back a file.

How far can Node.js go?

This question doesn’t only talk about Node.js but also puts the limitations of javascript in the highlight. Here are a few examples of Javascript position:

-Windows and OS X Desktop Applications: Companies like Microsoft and Slack have used Node.js tool to develop its initial applications.

-Android and iPhone Application: Facebook’s significant portion is using React Native for good experiences, and additionally, other companies like Vogue, Walmart and CBS Sports will be using it in the foreseeable future.

-ROBOTS: Javascript is used to make fully functioning robots. Everything can take place on single boarded computers like Nodebots or Raspberry Pi etc.

-Internet of things (iOT): With the help of a library named Johnny-Five, javascript is finding its way to create iOT devices with better quality. Companies like McLaren, Qualcomm, NodeSummit and FitBit are also talking about the use of Javascript.

Experienced Developers are creating large scale applications are aware of the fact that performance and scalability matter the most. Scaling out is a better option than scaling up. It means, instead of adding a big machine and compromising the quality of the product, you can always add more machines. It is still essential to get the best out of a tool and serve as many clients as possible.

Talking about Node.js

With the quality of being an event-driven non-blocking model, now the developers can create applications or design a model in real-time. The property that you can make changes to the program or inspect the model without even restarting it makes Node.js a perfect fit for developing. Many companies prefer to use Node.js for its two-way connections and push technology.

#PayPal: Talking about dealing worldwide, one of the best applications created on Node.js is PayPal. You can see it in almost every application, and it works seamlessly. There are over 200 million users of PayPal in the whole world.

Initially, dispersed teams were handling the tasks individually for the server applications and the browser which made it difficult. Node.js allowed the developers to use one language-Javascript for all purposes.

#Netflix: Being the largest portal to stream videos, Netflix has to go with Node.js for its seamless service. This is the most known examples of Node.js to the generation. Netflix wanted the user to have the power to customize videos or show as per their choices. Node.js makes it possible for the app to enable user customization

#Uber: The cost to make an app like Uber is also affected by the fact that it runs on Node.js. The company has doubled its size in the past 6 months. That’s why Uber is one of the best examples of winning Node.js language.

Wrapping up…

If these examples make you realize how beautiful the language Node.js is, then, now is the time you visit our full stack Node.js web development course. Coding Ninjas’ extensive course and experts will make you confident enough to build your own applications.

Get the right push to your career with our placement cell

The challenge of choosing the first job to kick-start your career is daunting. If you aren’t on the right path, you can waste a lot of time searching for jobs that are really not suitable for you. A good proportion of your productive years might be consumed, in such a scenario, till you’re eventually able to find your fit.

That’s precisely where good guidance comes in. To all the tech students out there, looking for opportunities to work in their dream companies, we got your back. Our mentorship coupled with the extensive reach of our placement unit can help you reach your goal.

For the initial stage of getting your placement done, we at Coding Ninjas provide you with career tracks. Visit our website and decide for yourselves. Here is a general brief of what we offer as a tech education provider.

Ninja Competitive Programmer Track: This is a persuasive course which will challenge you to solve problems computationally with fundamental algorithms. It will also cover domain-specific techniques. This specialization track will familiarize you with the concepts of data structures, and even advanced algorithms that are necessary for you to ace as a competitive programmer.

Ninja Data Scientist Career Track: A Data Scientist is a combination of machine learning and statistical techniques with a dash of Python programming to analyze and evaluate critical data. Looking at the growth Data Science as a career option has seen over the years, this career track is perfect for those looking to bank on their knowledge of Math, Computers, and combine it with a job in an ever-growing industry.

Ninja Web Developer Career Track: Our goal is to turn you into professionals. With this track you will have a clear picture of how to use popular languages with proper coding logic and comprehensive frameworks like node.js. This course is designed to cater to both your front-end as well as back-end needs. Emerging as a full-stack developer, you’ll be ready to shine in your career after this course!

Ninja Machine Learning Career Track: You have to ace your basic concepts and the advancements that have been going on in the field of Machine Learning. We are here to provide you with an experience filled with expertise and concepts that will help you with solving the most complicated problems.

Coming back to the subject matter, we provide our students with perfect opportunities by offering them full-time jobs and internships. The placements are the consequences of thorough study materials and career mentors that we provide to our students.

Students are continuously guided towards their career goals and aspirations, which makes it possible for the potential companies to hire an appropriate candidate. Students who have acquired 60% or more can avail the services of an in-house profile which will include the student’s education, work experience, achievements and all the projects they have worked on till now.

Hiring Partners: We have partnered with 65+ hiring partners, including some top-notch companies like Cure.fit, Zomato, Grant Thronton, Amazon, Walmart, Edelweiss, Shuttl, Cars24 etc.

Package offers: For a full-time job, the initial CTC offered till now is 4 lacs per annum, and the highest CTC would be 20 lacs per annum. The average package of an intern is 2 to 2.5 lacs per annum.

Conclusion

The courses we offer at Coding Ninjas can make you a potential candidate for your dream job. As the interviewer is more concerned about the skills of the developer instead of college or university they got their degrees from. Our placement cell can make you reach your aims by giving you the right push for your career.

Steps to building a stunning portfolio for Web Developers

Web-Developers-portfolio

When hiring a web developer, what do you think is one of the most valuable qualities that a recruiter is looking for? It’s EXPERIENCE.

Yes, you heard it right!

And, as a novice, you don’t have any of it yet. Here, your portfolio site enters the scene. See, you do have experience in developing websites. The only thing missing here is you haven’t been paid for it yet. For this substantial reason, you have to make sure that your portfolio stands out and have all the potential to land a deserving job.

First of all, here is a general outline of steps that you should follow for a successful website.

Start collecting testimonials: You all are familiar with the ardent reviews which people with a whole lot of experience have on their portfolio. This not only makes their portfolio shine bright but also lands them more projects. Well, here is a well-kept secret for you: ‘most of them are requested’. This might come as a shock to you, but it happens more often than you think. And, now that the cat’s out of the bag, you may take some advice as well. Ask your client or people you’ve collaborated with, to write a testimonial for you. It will directly add up to your credibility.

Include all your projects: Including your education, mention all the projects you’ve done so far. All the volunteer work, the pro bono project you have done to help an old friend will show your passion towards the field and your capability to the clients.

If you developed an app using any language, instead of just putting a screenshot, add a link to the app itself. Mention how you managed to overcome the roadblocks while developing it.

Share your personality: To show the recruiters that you’re not just some random guy hiding behind the computer, you have to remind them of that you are a living, breathing person and not just a machine.

Shoot some of your personality to the portfolio. Use a rather quirky and descriptive introduction of yours in the ‘about’ page. Let them know where you’re coming from, your educational background, your likings. And, finally, include all the other link of your social media profiles and your contact number or an email address. Make it easy for them to contact you. So that if the client wants to know more about you, he can head straight forward to your other accounts.

As Mohamed Saad said,

“A successful website does three things:

It attracts the right kinds of visitors.

Guides them to the main services or product you offer.

Collect Contact details for future ongoing relation.”

To all the tech-savvy out there, let’s get into the specifics of how your profile will land potential projects:

Keep it simple

A good look of about 3 seconds at your site and the user has already made up his mind whether to stay for more or not. This is the perfect chance to show your capability to potential clients. It’s always a better option to keep the site simple and decluttered.

Instead of showing all the elements at a time, you can focus on what will add value to your portfolio. Hop skip the random features & add ons. Let your collection highlight the most important thing: your work & experience.

Remember user experience

The thing which you should always keep in mind while developing a website is USER EXPERIENCE. When you’re developing a site for your client, you try to make it easy to use and navigate. Creating your own portfolio beholds the same rule. For example- make sure that call to actions stands out or the background colour is soothing.

Also, remember to build a responsive design. Keep in mind the various devices which are introduced in the market and the fact that mobiles and tablets are used in a wide range. Your portfolio should look good whether it’s viewed on a desktop, mobile phone or tablets.

Don’t skip the details

The sole purpose of your portfolio is to showcase your skills and experience. Showing the final product on the site is great. But, if you want the impression to last long, you can always do a little bit more than that. Talk about the progress and the techniques you have used. Mention how you have managed to overcome the roadblocks or challenges.

Considering the project you are mentioning, make a list of questions like: ‘What makes the project different from the previous ones?’, ‘Precisely, what makes you proud of this particular project?’ or ‘Would you like to extend this web development project?’. These questions will help you sort the valuable outlines from the lot.

The sophisticated collection of your portfolio will then land you the exact deserving projects you want for your profile.

Rest assured, by following these simple guidelines, you can make your portfolio unique and more engaging. And, for having a better understanding of web development, you can come straight to codingninjas.in. We offer you a rack of extensive courses both online and offline.

5 useful JavaScript tips and tricks

Javascript is one of the most popular and widely used programming languages in the world right now. It’s also the first language developers try to master. With a deep knowledge of Javascript, you can work as a front-end developer, a back-end developer, or if you’re really good at it, then a full stack developer as well.

For a long time, Javascript was only used to build interactive web pages. It was referred by the developers as a toy language (hence the term “Vanilla JavaScript”). But those days are long gone now. With the help of investments made by large companies and a massive community of developers, Javascript has managed to be the most preferable language across the world. Now, along with the use to display a simple alert on the web page, JS is even capable of controlling a robot.

If you’re working on JavaScript, here are some tips and tricks that will make your life easier:

1. Type conversion: Number & String: Arithmetic operations like +, -, /, *, are the most common things we use within Javascript development. So it demands the operands be numbered. If by any chance the operand is not a number, JavaScript turns it into a number. There is always a possibility that you may not get an expected result, especially while operating with “+”. This happens because “+” is also utilised in the form of the concatenation of two or more strings. In such a scenario, knowing how to convert the types will give you extreme flexibility over your code, and hence your end product.

2. Min-Max Conversions: When you’re trying to deal with bounded numbers, the Math.min() and Math.max() are very convenient. By using the following example of Math.min() & Math.max() for the previous bounded value() you can understand it better:

 

3. Deal with WebSocket Timeout: After 30 seconds of inactivity of WebSocket connection establishment, a server could time out. And, also the firewall connection may show time out. You can always send a faux message to the server systematically to avoid this situation. Alternatively, you could use one code to keep alive your connection and one code to cancel the keep alive. The timeout can be shunned by these cool tricks.

 

4. Avoid using try & catch: Every time the catch clause is executed whenever the object is assigned to a variable. Dodge the try & catch as it constructs a new variable at the current scope of runtime.

Use this cool trick

 

Instead of this

 

5. Use the Switch/case statement: When there are 2 or more than 2 cases, it’s efficient to use Switch/case than if/else statement. It surely runs faster and it is also more sophisticated code. Avoid the same in case if the number is more than 10.

With this, you’re now ready to pace up your progress with JavaScript as a development tool. Also, if anywhere along the line you feel stuck, don’t hesitate in reaching out to us. We, at Coding Ninjas, offer courses on Web Development, Node.JS, and many other important domains. Starting from ground zero, we take you onwards and upwards!

Improve your productivity with these tools

We currently live in a world where productivity has never been so important before. Evidently, working on code and practising programming can make you better, but if we consider the competition and accelerated growth of this industry, then there have to be some other ways. Smart work and efficiency here are even more valuable than your intelligence.

To be able to focus while coding every programmer needs a set of tools. These tools usually help the programmer by taking care of other trivial things and lets him converge on what matters the most. The developers’ life can get a lot easier by using these tools. Besides, there are some advanced ones too which can help you maintain your productivity level and can also evaluate your coding skills from time to time.

Here is a list of significant tools that can help you be on top of your programming skills:

Evernote

Evernote is precisely what the name suggests, a notepad. An essential and useful notebook for programmers which lets them record whatsoever information they would like to collect.

In this ever-growing industry, there is a colossal amount of information that comes out daily. And for a developer, it is remotely possible to memorize it all or even write it down somewhere. For this particular task, Evernote not only helps you store information but is also accessible from all the devices with the help of sync feature.

TeaCode

TeaCode is that tool which can help you finish code much faster. All you have to do is insert the pattern(recipe) and let TeaCodes’ shortcut do its job. It will complete the code quicker and that too in any language. You can also get about around 80+ ready to use patterns including HTML, C++, Swift, and PHP. There are also a few samples mentioned to let you understand how TeaCode works.

Habitica

Now Habitica is an excellent tool used by programmers. You can find apps in which you can create a To-do list and track all the tasks you are doing. But, Habitica works on another level.

It plays with you like a real life game keeping you healthy and happy. As you complete a task or make progress in your daily to-do list, it treats you with rewards.

As soon as you enter the application, you have to follow specific tasks to register.

Set up to-dos: Enter the list of tasks that you have to complete with due dates and references.

Daily tasks: Here you have to mention if there is a task you have to perform daily or on a particular day of the week, month or even a year in your dailies column.

Habits: Here you can make a list of habits that you want to take on and also the bad ones that you want to change. Every lousy habit will affect your characters’ health.

Habitica can dramatically improve your lifestyle and your efficiency in completing tasks.

GitHub

Now GitHub is one of the most popular platforms built for the programmers for coding. You can create software with GitHub, manage codes, review and host projects. It makes developers life much easier by handling all the chaos and help you code better. On GitHub, you can also work in teams which lets you get through problems much faster and get a better idea of programming.

musicForProgramming

Everyone is aware of the fact that listening to music while working can help you focus. But the thing to note here is what type of music should you hear.

musicForProgramming is a fantastic source to increase your productivity. As you can always link your work with the website. The interface will mimic your code and will offer you the kind of music which will increase particularly your productivity. Sounds impossible..right? Well, it’s not. Go check out the website for yourselves.

While focusing on the fact that instrumental music can help increase your productivity, musicForProgramming vastly offers you relevant stuff.

Code Climate

It is another tool to evaluate all the programming you have done until now. It helps you create better software with its automated code process insights for GitHub enterprise. While keeping a check on your development cycle Code Climate enables you to maximize your output and remove all the hindrances you have been facing. The quality, duplication, security, style, complexity, and more, you can get an automated code review of any of the points mentioned earlier.

To conclude here is a food for thought, it doesn’t matter if you are good at programming or you have a lot of knowledge in languages until you are aware of the specific tools to increase your productivity. We are mentioning this only because there will always be someone who will code more efficiently. So, we hope that these tools can help you increase your efficiency in one way or another. And further, if want to learn to code, come straight up to our website and enter the beautiful world of programming with our interactive courses.

Seeking job in a big tech company? Here are the languages they prefer!

When you start learning to programme, the obvious question that crosses your mind is what languages you should choose to enter the vast arena of the big tech companies? The one thing we can guarantee you is that limiting your knowledge to a single programming language would not be the best option. The point that you want to keep in mind is that every tech company, especially if they are a large company, they would like to use every bit of technology. Not to mention there are a few languages that the firm uses primarily. If you are trying to enter in one of the biggest companies, you must focus on what the organization is prioritizing in rather than the trending languages.

But what is more important than knowing what languages to hone is knowing the foundation of programming — data structures and algorithms. After all, programming is like working with various building blocks to make something awesome. If you’re not familiar with the building blocks, it’ll be difficult for you to reach a superb end goal — despite whichever path (language) you choose. So, before you even begin reading the list of languages that major players prefer, you should hone yourself with the necessary data structures and algorithms skills. Not only will that make your journey of learning the language easy, but also extremely worthwhile.

Having said that, here is the list of languages the tech-giants prefer, and so should you:

Javascript: Originally, JavaScript was introduced in 1995 to make the webpage interactive with the audience. It was developed within a brief period of 10 days by the developers. Despite being developed in a concise incubation period, javascript has managed to be one of the most famous programming languages of all. When you build a webpage, the code usually starts with HTML and CSS, then comes JavaScript which is an essential part of the front end development. It is often used to build graphical interfaces for the webpage. Alongside “pure” JavaScript there are some frameworks introduced in the past few years like Angular, React, jQuery, etc. which intend to make JS even easier.

Besides the fact that Javascript is a front end development language, with the invention of Node.js it can also be used as a server-side application to build scalable networks. Also, it is considered to be the friendliest languages because of its forgiving nature (literally speaking) as its syntax is super flexible and because of its compatibility across major browsers. So, be it web’s most famous sites like facebook, amazon, youtube, and many more or the small tech companies; JS is proved to be one of the prior languages used everywhere.

Python: Python is considered to be the most versatile languages of all, and its simplicity makes it the best suit for beginners. It’s also believed to be the most straightforward one because of the readability and the resemblance to the English language. Talking about the portability of Python, the biggest platforms like windows, mac supports Python which even includes your PlayStation. You can also perform a cross-language operation with Python as it is extensible with .net and java applications. While starting the beautiful journey of programming; you should take note that Python is overwhelmingly powerful and flexible when it comes to choosing between languages. It is used as one of the backend languages for web development for instance if used with the open source framework like Django; it becomes effortless to learn Python. Popular sites like Instagram, Spotify, and Mozilla use the same structure to develop their pages.

C++: The main concern of the tech companies is to maximize their output using the software. Big firms like Google, Facebook, and Amazon as well are often described as C++ culture as it becomes essential to work with C++ when the data complexity of the company reaches a certain level. The fact that C++ has been around for more than two decades now proves that many of the existing software/ Programs have already been developed in this particular language. It does not have third-party licensing issues, memory efficient and is designed for both real-time and non-real time performances.

Java: The third language we are going to talk about is Java. Thanks to its versatility and pervasion, it is considered to be the most common language to be included in the introductory programming courses.

In the world of computer programming, Java is one of the longest backbones existing for more than a period of 20 years. The core of the language stays on “write once, run anywhere” philosophy. This theory means that you can write Java on any device, edit it in any low-level software and then can run it in any platform that supports Java. This indicates how Java is highly cross-platform compatible.

With a comprehensive variety of use cases, Java is one of the best choices for programmers who are looking for a flexible, versatile and modular language and consequently job possibilities.

Ruby: For the developers, Ruby is one of the most fun languages to work with. What makes Ruby fun is it abstracts away the most complicated details of the programming. You can always start working from scratch and with fewer lines of code. Ruby was developed to bridge the gap between programmers and the underlying computing system. It reads like English and therefore easy to understand. The dynamic nature of Ruby makes it a preferable language by the tech companies. It has a high level of built-in data structures and works as a ‘glue’ or scripting language between existing components. The flexible nature and the low maintenance costs are a few features which let it make to the list of languages companies prefer.

Furthermore, the forgiving nature of Ruby will let you run the program until you hit the problematic area.

There is no need to panic while deciding what programming language to learn to enter the rapidly changing tech industry.

Seek the language which best interests you and the type of industry you want to get in. After discussing the languages frequently used by the tech companies, the next question which might pop up in your mind is how and where to learn these languages? The good news is we got you covered. Check out codingninjas.in for extensive courses on programming and make yourself job-ready by registering in any of our online and offline courses.

10 blogs every software developer must be reading

Blogs-Every-Software-Developer-should-Read

 

When you start learning to programme, the obvious question that crosses your mind is what languages you should choose to enter the vast arena of the big tech companies? The one thing we can guarantee you is that limiting your knowledge to a single programming language would not be the best option. The point that you want to keep in mind is that every tech company, especially if they are a large company, they would like to use every bit of technology. Not to mention there are a few languages that the firm uses primarily. If you are trying to enter in one of the biggest companies, you must focus on what the organization is prioritizing in rather than the trending languages.

But what is more important than knowing what languages to hone is knowing the foundation of programming — data structures and algorithms. After all, programming is like working with various building blocks to make something awesome. If you’re not familiar with the building blocks, it’ll be difficult for you to reach a superb end goal — despite whichever path (language) you choose. So, before you even begin reading the list of languages that major players prefer, you should hone yourself with the necessary data structures and algorithms skills. Not only will that make your journey of learning the language easy, but also extremely worthwhile.

Having said that, here is the list of languages the tech-giants prefer, and so should you:

Javascript: Originally, JavaScript was introduced in 1995 to make the webpage interactive with the audience. It was developed within a brief period of 10 days by the developers. Despite being developed in a concise incubation period, javascript has managed to be one of the most famous programming languages of all. When you build a webpage, the code usually starts with HTML and CSS, then comes JavaScript which is an essential part of the front end development. It is often used to build graphical interfaces for the webpage. Alongside “pure” JavaScript there are some frameworks introduced in the past few years like Angular, React, jQuery, etc. which intend to make JS even easier.

Besides the fact that Javascript is a front end development language, with the invention of Node.js it can also be used as a server-side application to build scalable networks. Also, it is considered to be the friendliest languages because of its forgiving nature (literally speaking) as its syntax is super flexible and because of its compatibility across major browsers. So, be it web’s most famous sites like facebook, amazon, youtube, and many more or the small tech companies; JS is proved to be one of the prior languages used everywhere.

Python: Python is considered to be the most versatile languages of all, and its simplicity makes it the best suit for beginners. It’s also believed to be the most straightforward one because of the readability and the resemblance to the English language. Talking about the portability of Python, the biggest platforms like windows, mac supports Python which even includes your PlayStation. You can also perform a cross-language operation with Python as it is extensible with .net and java applications. While starting the beautiful journey of programming; you should take note that Python is overwhelmingly powerful and flexible when it comes to choosing between languages. It is used as one of the backend languages for web development for instance if used with the open source framework like Django; it becomes effortless to learn Python. Popular sites like Instagram, Spotify, and Mozilla use the same structure to develop their pages.

C++: The main concern of the tech companies is to maximize their output using the software. Big firms like Google, Facebook, and Amazon as well are often described as C++ culture as it becomes essential to work with C++ when the data complexity of the company reaches a certain level. The fact that C++ has been around for more than two decades now proves that many of the existing software/ Programs have already been developed in this particular language. It does not have third-party licensing issues, memory efficient and is designed for both real-time and non-real time performances.

Java: The third language we are going to talk about is Java. Thanks to its versatility and pervasion, it is considered to be the most common language to be included in the introductory programming courses.

In the world of computer programming, Java is one of the longest backbones existing for more than a period of 20 years. The core of the language stays on “write once, run anywhere” philosophy. This theory means that you can write Java on any device, edit it in any low-level software and then can run it in any platform that supports Java. This indicates how Java is highly cross-platform compatible.

With a comprehensive variety of use cases, Java is one of the best choices for programmers who are looking for a flexible, versatile and modular language and consequently job possibilities.

Ruby: For the developers, Ruby is one of the most fun languages to work with. What makes Ruby fun is it abstracts away the most complicated details of the programming. You can always start working from scratch and with fewer lines of code. Ruby was developed to bridge the gap between programmers and the underlying computing system. It reads like English and therefore easy to understand. The dynamic nature of Ruby makes it a preferable language by the tech companies. It has a high level of built-in data structures and works as a ‘glue’ or scripting language between existing components. The flexible nature and the low maintenance costs are a few features which let it make to the list of languages companies prefer.

Furthermore, the forgiving nature of Ruby will let you run the program until you hit the problematic area.

There is no need to panic while deciding what programming language to learn to enter the rapidly changing tech industry.

Seek the language which best interests you and the type of industry you want to get in. After discussing the languages frequently used by the tech companies, the next question which might pop up in your mind is how and where to learn these languages? The good news is we got you covered. Check out codingninjas.in for extensive courses on programming and make yourself job-ready by registering in any of our online and offline courses.

A step-by-step walk through of your first HTML page

a-step-by-step-HTML-page-blog

 

HTML is short for HyperText Markup Language.Basically, it’s the “code” behind every webpage – even this one. If you’re just beginning to learn HTML, let us tell you that it’s a fairly easy task. HTML, without styling, can’t do anything more than setting a layout, drawing a table, or creating frames – but it is handy as it helps you structure the content correctly, which is important when you sit down to add style to your HTML.

However simple this might seem, it is a mighty useful tool when it comes to full-fledged web development. Various tools easily eliminate the HTML coding from your work process – but if you want to be in full control of your web-page, you’ll need to have some command over HTML.

Through this article, we aim to give you the essential HTML building blocks that’ll help you get up and running. Reading this, you’ll be able to understand an HTML source code and even modify it for your own good!

Step One – Tags

Image result for html angular brackets

source

Tags are what you’ll see the most when you look at any HTML source code. A tag can ideally be seen as a wrapper to any item on your HTML document. Tags tell what magic is to be done on the content enclosed by them.

Let’s look at two types of tags:

  1. <tag-example-1>I need a closing tag </tag-example-1>
  2. <tag-example-2>I don’t need a closing tag.

In the first example, the sentence is wrapped by two tags. The first one is called the opening tag and the second one is called the closing tag. Everything in between is affected by the properties of the tag. Very commonly used examples of such tags are <html>, <head>, <body>, <strong>, etc.

The second example tags about loner tags – as in, they don’t need a closing tag to function. Although it’s not required, these type of tags are often written as <tag /> to make the debugging of code easier. Common examples of such tags are <hr> – used for horizontal line, <br> – to break the line, etc.

Step Two – HTML, HEAD, and BODY: The three pillars of your document

source

These tags are essential for any HTML document. They parcel out the significant parts of your HTML code.

  • <HTML></HTML> wraps your entire code. Everything else in your HTML document needs to come inside these tags.
  • <HEAD></HEAD> includes things like title, styles, and scripts. Head is usually present at the top (hah!), just inside the <HTML> tag.
  • <BODY></BODY> is placed below your <HEAD> tag, and everything that you want to be displayed on your screen comes under this tag. Text, images, links, and pretty much anything you can see in your browser live inside this tag.

Step three – A few tags that’ll make your page pretty

Now that you know how to set up the skeleton of your document, let’s proceed with the things that will go inside your <BODY> tag and do some magic!

Some basic text formatting tags:

  • <b></b> makes your text look bold
  • <i></i> makes you write in cursive
  • <u></u> underlines what you just wrote

For example, this piece of code


<html>

   <head></head>

   <body>

       <i> I am italics! </i><br>

       <b>I am bold!</b><br>

       <u>And me, well, I’m underlined!</u><br>

   </body>

</html>


 

Should produce something like this on your browser: Don’t fret too much about the <br>. It’s just for breaking the line so that you can start from the next line. Enter key does little when it comes to changing lines in your HTML document.

Tags to help you structure your content:

  • <br> breaks the line, making you continue to the next line
  • <p> stands for paragraph. It divides your content into paragraphs

Note: you need to use these tags as space and enter keys do very little when it comes to formatting content inside an HTML document.

Heading Tags:

HTML provides you with six tags, from <H1></H1> to <H6></H6> to help you create different sized headers quickly.

source

 

Inserting an Image:

All that’s good, but what fun without images on the webpage? Don’t worry, <IMG /> to the rescue! The image tag has a mandatory attribute called “source”. Basically, it tells the browser where it should look for the image. The syntax goes something like:

<img src = “path_to_your_image” />

Furthermore, it also has attributes like height and width that let you specify the height and width you want your image to take.

Lists:

HTML has two types of lists – ordered and unordered. Each item of your list has to be enclosed in a <li> tag. The syntax for creating a list is fairly simple.

Suppose you want to create a list like:

  • Item 1
  • Item 2
  • Item 3

The following code will easily do the job for you:


<ul>

<li> Item 1 </li>

<li> Item 2 </li>

<li> Item 3 </li>

</ul>


 

This, by the way, was an example of an unordered list. For an ordered list, all you need to do is replace <ul> with <ol> and </ul> with </ol>.

Let’s see what the following code does:


<html>

   <head></head>

   <body>

       <ul>

        <li>I am unordered list’s item 1</li>

        <li>I am unordered list’s item 2</li>

        <li>I am unordered list’s item 3</li>

        <li>I am unordered list’s item 4</li>

       </ul>

       <ol>

        <li>I am ordered list’s item 1</li>

        <li>I am ordered list’s item 2</li>

        <li>I am ordered list’s item 3</li>

        <li>I am ordered list’s item 4</li>

       </ol>

   </body>

</html>


Yes, you’ve guessed it right. It’ll produce two lists – one unordered and one ordered. Quite like the screenshot below:

All of these tags, when arranged coherently, will provide you with a simple webpage consisting of images, headings, and lists. Further, there are various tags that HTML supports, and we thoroughly recommend you to check them out and play with them!

In Conclusion

You now know enough to skim through and understand any part of an HTML code. We request you to go ahead and try skimming through the source code of any website (you’ll find some tags you don’t know, but that’s how you learn!). Oh, and welcome to the world of web development. With HTML under your belt, your next stop should be making your page look beautiful using CSS.

Let us know if you had any problems in the article, and don’t forget to have a look at a source code or two!

 

Everything you wished you knew about Ruby on Rails

ruby_blog-01

Airbnb, Scribd, Groupon, Kickstarter, Pitchfork, Soundcloud, Square, Yammer, Crunchbase, Slideshare, Zendesk, Github, and Shopify…. whooof! They all have one thing in common. Can you guess? Well, let me give you a hint here.
 “It’s a breakthrough in lowering the barriers of entry to programming. Powerful web applications that formerly might have taken weeks or months to develop can be produced in a matter of days.  “, says Tim O’ Reily in its honor. Getting intense is it? Let us cut the crap; it is none other than…..

 

Ruby on Rails! 
But what is so good about it? Why is it in the news anyway? Let me take you through a hyperloop journey on why you need to have Ruby on Rails as a skill set today.
The language
The language itself beholds so many surprises for you. It combines some of the best features of dynamic languages. Taking some of the best ideas from strongly typed, static languages and blending them with an object-oriented paradigm makes it super strong. The language has an affinity for getting stuff done with minimal coding. An open source language with a code based model having all the essential elements to make you fall in love with it.
Plenty of online resources and an ever thriving community
 
Lynda.com, Codeacademy, Rails for Zombies, Treehouse, Learn Ruby the Hard Way and much more. A very well-documented language with an ever thriving community. There a thousand of meetups, code jams and hackathons you can go to almost every week. Trust me, all you need is a good dose of Ruby on Rails for the day.
A beginner’s best friend
Ruby is generous, ever forgiving and beginner friendly at every step. You do not need to remember to end your lines with a semicolon (;) or whitespace tabbing. It’s the teacher you always wanted. Forget to open or close the braces? Ruby will forgive you, grant you marks and make you win! You won’t need to know any SQL to use a database in your Ruby on Rails application which is just awesome. It also teaches you the best developmental practices. All in all its the code buddy, you always wanted.
Developer’s joy
 
Rapid developmental model, direct access to HTML, CSS and Javascript, full-stack development are few of the many benefits that developers see in ROR. It also has a wide coverage of vendor support and is gaining great traction across the globe. You may not see a number of job openings on this skill but more and more startups are hiring such developers to do many things at a go. All at lucrative payouts. Increased demand, inadequate supply… #ifyouknowwhatimean then grab the opportunity before it slips.
Such good stuff, I know you’re in awe by now. Don’t wait up, get-set-code and ride the Ruby on Rails with Coding Ninjas today!
Get details about Coding Ninjas Web Development Course: Alchemy
Sayonara Ninjas. 🙂