Add junior frontend landscape

storage/roadmaps/1-frontend/landscape/0-Summary.md

@@ -42,8 +42,9 @@ Frontend development is broad and there are further skills that are in play but
 #### Before you Start
 Before we start with the skills, there are few things that you should keep in mind which are going to help you a great deal when you are learning. They don't just apply to frontend development but to any other field as well
 
-* Don't feel overwhelmed by looking at the "experts" in the field. They started at the same level as you are – with consistency, time and practice there is nothing stopping you to get there.
+* Do not let the huge list of skills scare you away. HTML / CSS and JavaScript are the key skills to start building. Once you have acquired these, rest of the skills can be acquired over time when you are doing projects.
+* Don't feel overwhelmed by looking at the "experts" in the field. They started at the same level as you are. With consistency, time and practice there is nothing stopping you to get there.
 * Do lots of projects, lots and lots of projects. Without practice, you will just be stuck in the tutorial hell, you will start to feel that the things you are doing aren't sticking. Only projects can help you escape that.
 * Even when you are learning, polish your experiments, publish them, share it with people. You will be surprised by the support you will be able to get.
 
-And with that said, head on to the [next section](/frontend/junior-developer)  
+And with that said, head on to the [next section](/frontend/junior-developer) where we see the list of necessary skillset required.  

storage/roadmaps/1-frontend/landscape/1-Junior-Developer.md

@@ -0,0 +1,28 @@
+#### Soft Skills required
+Before we jump on to the technical skills there are few non-technical or soft skills that every employer is going to demand, so make sure to work on that side of the things as well when you are preparing yourself technically
+
+* **Communication skills** — Talking to your colleagues, writing emails, use of language
+* **Teamwork** — Working with others, sharing responsibilities, apart from personal goals, achieving goals as a team
+* **Adaptability** — Being able to adapt according to the situations, changes and pressure at the workplace
+* **Emotional Intelligence** — Empathy, being able to understand the emotions of those around you.
+* **Work Ethics and Integrity** — Being able to follow through on your duties in timely and quality manner.
+* **Be Curious** — Your curiosity is going to help you a great deal in evolving yourself. Don't just take things as they are, look at the reasoning behind the things. Look at the things that others are building, learn from them. Look at what community is most excited about these days.
+
+#### Technical Skills
+The sections below describe different steps required to become a frontend developer
+
+#### Learning How Things Work
+As a web developer, frontend, backend or fullstack, you should have a good understanding of how the internet works 
+
+![](/static/roadmaps/frontend/beginner-1.png)
+
+Learn the below listed in the order given below
+* What is Internet and how does it work?
+* What is HTTP, how it evolved and where is it now?
+* How do the browsers work? Engines behind different browsers
+* What is DNS? How a website is found on the internet?
+* What's in a domain name? What is an IP Address?
+* What is Web Hosting?
+
+#### Writing Some Code
+Now that you understand how things work, next step is getting your hands dirty and start actual coding