Become A Web Developer - Part 2: Web History | Andrei Neagoie | Skillshare

Become A Web Developer - Part 2: Web History

Andrei Neagoie, Senior Software Developer + Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (16m)
    • 1. WWW vs Internet

      3:46
    • 2. HTML, CSS, Javascript

      5:10
    • 3. Developer Fundamentals: II

      3:16
    • 4. Developer History

      3:18

About This Class

History of the Web

This is the tutorial you've been looking for to become a web developer in 2018. It doesn’t just cover a small portion of the industry. In this multipart video series we will covers everything you need to know to get hired: from absolute zero knowledge to being able to put things on your resume that will allow you to live the life you want. 

Sounds too good to be true? Give me 5 minutes of your time to explain to you why I built this course and what is different here than thousands of other courses all over the internet.

  1. There is no wasted time here. We won’t be using outdated technologies like PHP, Wordpress and JQuery. Although still useful, outdated technologies like the above are low paying and demands for them are decreasing. In this course, you will learn the specific technologies that are the most in demand in the industry right now. These include tools and technologies used by the biggest tech companies like Google, Facebook, Instagram, etc… It’s geared specifically for people that want to learn employable skills in 2018.

  2. After finishing this course, you will be able to apply for developer roles, or upgrade your job title as a developer and earn a higher salary. We won't be taking any shortcuts in this course. I am going to take your from absolute zero, where I teach you how the internet works, to mastery, where I show you how to build an image recognition app using a Machine Learning API (a subset of Artificial Intelligence).

  3. This course is taught by an instructor who has worked in silicon valley, and one of the top tech companies in Toronto. I have built large scale applications, and have managed a team of developers. I have worked directly with these technologies. I am not an online marketer or a salesman. I am a senior software developer who loves programming and believes that there needs to be a course out there that actually teaches valuable skills.

  4. I know your time is valuable. You want a course that outlines the best way to learn the topic in simple, well explained methods so that you fully understand topics instead of watching somebody on your screen and having no clue what is going on. I have created this course after consuming hundreds of books, tutorials, and online courses while I was learning. I have taken the best pieces, the best methods, that I have found, and condensed everything so that you can learn in the most efficient way possible. 50 hours of videos doesn't mean much if the instructor isn't engaging or focuses on outdated topics. 

  5. We have a thriving online chat community so you really feel like you are part of a classroom and not just watching videos by yourself. You will have a chance to communicate with fellow students, work on group projects together, and contribute to open source. Anytime you have a question you can ask in the chat and someone will surely be able to help you right away. 
  6. The course is designed to give you employable skills so you can get a job. Here is what one student recently wrote after taking the course and being hired right away: 
    "I’m a self taught dev, who has been out of work for ~6 months. I had some family things that came up that prevented me from seeking permanent employment, so for awhile I was Postmates/Uber delivery driver.
    After taking this course, I immediately got catapulted back to where I was before, but better equipped and with the knowledge to take on the next job. I had just finished the React section when I went to a recent interview, and it really helped me excel. As of today, I am officially re-employed back in the field, and it is all thanks to this course. I had a blast creating the final project, and FINALLY got around to learning SQL statements, and getting to use them in a project. I’m really ecstatic that Andrei went with teaching relational databases over something like MongoDB, which can also be fun, but is less practical for use on the job. So thanks Andrei , I really enjoyed the course and will be making sure to share it with others who find it helpful. I’m also looking forward to the new ES7/8 content that was recently added, and going through the DB stuff again when I go to build a personal project."

In this course, you will be taken through online videos and exercises where you will be able to do the following things by the end:

  • Build real complex applications and websites
  • Build an image recognition app together at the end of the course so you can add it to your portfolio
  • Go into a job interview confident that you understand the fundamental building blocks of web development and the developer space in 2018
  • Be able to go off on your own and grow your skills as a developer having built a solid foundation
  • Learn how front-end, servers, and databases communicate and how they all fit together in the eco system
  • Build your own startup landing page. 
  • Go off and remotely work by being a freelance developer and bid on projects.
  • Know EXACLTY what a day in the life of a developer is like and what the day to day technologies and tools will be that you are using. 

By the end of this course you will be comfortable using the below skills and you will be able to put them on your resume:

  • HTML5
  • CSS
  • Bootstrap 4
  • Javascript (ES6/ES7/ES8)
  • React + Redux
  • Git + Github
  • Node.js
  • Express.js
  • NPM
  • PostgresSQL
  • SQL

This course is the accumulation of all of my years working, learning, and teaching coding and all of the frustrations and incomplete information I have encountered along the way. There is so much information out there, so many opinions, and so many ways of doing things, that unless you have spent the last years working with these technologies in a company, you will never fully understand. So this course is the answer to that exact problem. I have gone through thousands of coding books and online tutorials and bootcamps. I have worked with these tools on real applications. Throughout the years I have taken notes on what has worked, and what hasn't and I've created this course to narrow down the best way to learn and the most relevant information. 

I will succeed if you succeed in this course. Therefore, I will be there every step of the way helping you understand concepts and answer any questions you have.

I am 100% confident that you won't find a course like this out there that is as well organized, and as useful, to build a strong foundation for you to start a new career. We're not going to be building simple todo applications and cat image sliders. We are going to learn actual practical skills that will put you into the workforce. Some unique sections that you won't find anywhere else are:

  • React.js + Redux: you will learn the library that companies like Netflix, Facebook and Instagram use to build fast, scalable applications. This is one of the highest in-demand skill in the industry.
  • A day in the life of a developer: What will your day to day look like and what tools will you use? I will take you through a sample day at a tech company.
  • How does the internet actually work. What is the history of these technologies: I will actually have you understand the underlying concepts of the internet, and how the technologies we have now, have come to be where they are.
  • How do you actually deploy a real life app so that it is secure, and won't get hacked: How does a real life app get out to the public?
  • What is Machine learning and how you can harness it's power: Whether you have heard about it or not, this is something that you will hear more and more in the coming years. Those who understand the high level concepts and can harness it will have an advantage. 
  • What is your developer environment on your computer look like: We will be setting up our computers with all the tools necessary of a developer so you can use the same setup when you go into the workforce.

Why do we teach the above? Because in this day and age, just knowing HTML CSS and Javascript is not good enough and you won't be able to grow in your role and command a higher salary. I am teaching you these things because these are the things you should know in 2018 so that you are miles ahead of the rest. 

Make this the year that you took a risk, you learned highly in demand skills, you had new experiences, and you received new opportunities. I hope you join me in this journey. 

This is the proudest work I have ever done in my life and I am confident that you won't find a course better than this. 

See you inside!

Taught by: 

Andrei is the instructor of the highest rated Web Development course on many platforms. His graduates have moved on to work for some of the biggest tech companies around the world like Apple. He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life. 

Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don't know where to start when learning a complex subject matter, or even worse, most people don't have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student's valuable time.  Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities. 

Andrei promises you that there are no other courses out there as comprehensive and as well explained. He believes that in order to learn anything of value, you need to start with the foundation and develop the roots of the tree. Only from there will you be able to learn concepts and specific skills(leaves) that connect to the foundation. Learning becomes exponential when structured in this way. 

Taking his experience in educational psychology and coding, Andrei's courses will take you on an understanding of complex subjects that you never thought would be possible.  

See you inside the course! 

Transcripts

1. WWW vs Internet: hello and welcome back to another video. We actually have a couple of great videos coming up about the history of the Web, and you might be asking again, Come on, let's get to coding. But this is really important because we need to understand what problems we had in the past and how we found solutions to those problems and where we are now. We need to understand what this whole thing of being a Web developer means and what problems were solving and what we did in the past and what we do today. So today we're gonna talk about Tim Berners Lee, the person who invented the World Wide Web in 1989 and I have a picture of him right here, and we're gonna talk about him because he's the first Web developer. And in order to explain that concept, we need to make a distinction between the Internet and the World Wide Web. So if I go into my Google chrome here, I have this Web site that I'll share in the links below. It's really, really good if you kind of want to get a history lesson. But essentially, the Internet started off with ER Pinette in 1969 basically a military project and is more of a test. And it connected a few universities, such as Utah, U. C L. A. And throughout the seventies, the eighties it kept growing. But there was one problem that they had, and that was essentially for the academics. They needed a way to shared documents and up until the World Wide Web exist that the Internet was there. But it was really, really hard for computers to communicate with each other to share academic papers between each other. Most of the time, each computer had their own way of doing things you can think of. This is languages, so it's kind of like communicating with people from different countries and a language that you don't know. Yeah, sure, you can make it work, but it's very, very difficult. So that was the problem. And Tim Berners Lee what he did, and he was working a certain at the time he actually created the World Wide Web. And what the World Wide Web is its you know, the www that we see. Ah, whenever we typing google dot com over here. Is it Haman language that computers can speak so with the World Wide Web saying, Hey, from now on, everybody, if we want to communicate together, if you want to share images or if you want to share files, let's just have this agreed upon language agreed upon protocol in order to share these documents together. So that's what it is. This guru of the servers that html CSS and JavaScript. The browsers all work on top of the World Wide Web, so you can think of it as the Internet is your phone and the World Wide Web is instagram that runs on your phone. So it's essentially a decentralized application now. Very, very cool. How is Tim Berners Lee, the first Web developer? Well, he actually created the first browser and the first server, and later on we're actually going to talk about what he did with files over here as well. But he created the very, very first Server and Web browser, but also the first website, and they actually still have a copy of it. This is the very first website ever, and it's from 1991 and this is what it looked like and he created disability for people to communicate and linked to other documents so that we have this growing knowledge ways of the world. In the next lesson, we're gonna be talking about the history of these files. What they mean, what problem they solved and how they came to be see in the next one. But by 2. HTML, CSS, Javascript: and welcome back in the last section, we talked about the World Wide Web and the Internet. And what the differences where and then I promised you that will finally talk about some HTML CSS and JavaScript. So I've been vaguely referencing these files and just told you that they're simple text files for now. But what are they specifically well initially, if you remember, we had Tim Berners Lee, who created their very first website, and this website uses HTML and a CML. That's the first file over. Here is a way for us to just write text on website and these text on websites can also have these things called hyperlinks that can link to other parts of the website. So that's what happened in 1991 1991. We had a way for us to share documents and this can link to another website. Another file, another research paper. But as you can see, it wasn't the prettiest. So in 1995 1996 2 technologies came into being. One was CSS and one is javascript. Now, what did they allow you to do? Well, CSS solved the problem off. Well, this is nice and all, but it wouldn't be nice if we had some visual aspects. Weaken toy around with this website and make you look pretty. And in Javascript, I said, Well, you know, ideally will be able to have something like this website where, you know, I can click over here. I can shop now. I can put in my credit card and get these fancy slippers, and I can do all this interactive things with my website. So let's play around with this and try and incorporate from this basic HTML file to add some CSS and JavaScript to this page. The way we're going to do that is we're gonna go into view developer and developer tools. You must. You might remember this from our previous lessons. So once you click on that, you'll get this pop up at the bottom of the screen for some of you might be on the right side, but it doesn't matter. You'll get both things, and we've seen this before. And if you look at the top over here, it says html and that's it. Html is this is this file that has this weird syntax that describes how this Web page shall luck and tax, you can see over here it says the World Wide Web. These air just text on the right side. Over here, you'll see something called Styles, so styles will actually let you add styles to the website, as the name suggests. And that's what CSS is. If we click on HTML here and actually let's click on body without knowing any CSS or anything. If we define something like color semi Colin and then let's go blue. It changes the tax color to blue Chrome, lets you play around with websites and actually inject some CSS into this HTML. Without knowing any CSS, we can kind of play around typing a letter and it will have a drop down. So let's see over here if we can do background color, let's make it on their press tab and gonna do read, make the website really, really well, frankly, pretty ugly. But that's CSS right here. We've just added some CSS to this best basic website. Let's turn this red color off cause it is not pretty. Okay, so html tax sin links CSS pretty colors. Now how can we had some javascript? So remember, we have three files over here. Javascript came along and said These are great. You know, we have these beautiful text websites that linked to other pages and we have CSS that it's , you know, you can make websites really, really pretty. But would it be nice to have some interactivity to have drop down menus to make websites like they are now interactive? We can actually do this again with the developer tools. If you click on console over here without knowing any bit of javascript for now, we're just gonna show you a simple JavaScript line and we're gonna type in alert and let's say hi there. Exclamation marks and I press enter and look at that. We just made the very first website ever made interactive with javascript. Now, obviously, this doesn't do anything, but hopefully this shows you where we were before, in 1991 to where we are now. Websites that are interactive, full of JavaScript, CSS and of course, a she male See in the next one 3. Developer Fundamentals: II: and welcome back to the second Web developer fundamentals. Now again, without doing much coding, we've just learned another very important aspect of being a Web developer, something that will take you throughout your career that you'll need to work with. And that is the fact that we have multiple Web browsers now. If you remember Tim Berners Lee, the inventor of the World Wide Web, created it because we needed a standard way to share documents amongst each other and through HTML. CSS and JavaScript were able to read these files and actually have beautiful websites. Now, when we send these files over, let's make a copy of them. Each of these browsers read the HTML CSS and JavaScript and lay out the webpage for us. But as you can see, each one of them is owned by a company and is a different browser. So that means they all have to agree on how they're going to read the HTML CSS and JavaScript because if they don't all agree, then well, we need to create different files specific for each browser's, because each one of them has a different idea of what html CSS and JavaScript is and you know what? When the World Wide Web got started, we had something called the browser Wars, where each browser was kind of doing its own thing, implemented different things. And we still have that to this day to some extent. But there is, ah, governing body, which kind of creates the standards now. But still, it is still a pain point for developers where we need to figure out that whenever we send our files to the Web browser, it all looks the scene, and that is one of the biggest problems we have as developers. And you'll see tools later on in this course that try to solve that issue. But you'll always encounter this problem where we want to make sure that wherever your browser gets rendered, anybody can see your website. And not only that, we also have mobile phones now that access the Internet. We have ipads. So now not only do we have to worry about different browsers, and whether they agree on what code works in each of these files, you also have to make sure that our websites look good on small screens on big screens on all sorts of different screens and that is a very important concept, something that when you get to become a Web developer, you'll encounter this problem where you have to test on each devices each browser to make sure everything works well. Use some tools that have developed over the years to solve these problems so that it's not as much as a pain point as it is or as it waas. All right, One more lesson to go and then we're gonna get Cody see on the outside. Bye bye. 4. Developer History: and welcome back to the final lesson from the history of the Web. I wanted to finish things off with this diagram that we've seen before in previous lessons , with a few minor differences. And that is, I wanted to show you how Web applications were built in the early two thousands, so they were built with technologies that we've come to familiarize ourselves with. We have HTML CSS JavaScript. But we also had Jake Weary and Jaqui was a library that allowed JavaScript to be written in a simple, clean way that allowed us not to worry too much about working in one browser than the other . It created this environment for JavaScript to flourish, but it is an outdated technology, and there's better ways of doing things, so it is not used very often, and you'll see it less and less in job postings. And then on the back end we have the lamp stack that stands for Lennox, Apache, my SQL and PHP. And in those days, back and developers used PHP to ride files that allowed us to have logic on the servers, and then we had a patchy. So if you ever use something like host Gator and you had to log in to see panel or any of those very common hosting platforms. Most likely they're running Apache server and what it is. It's a software that really efficiently serves up files, and Ph. B is a language that it's still being used today and Facebook actually uses it. But that's cause their website was built in the early two thousands. It is now a very unpopular let's say, language in terms, off growth and job opportunities. Then we also had my SQL, which it's still being used. But again, if you're looking to get hired in 2018 and you wanna look for skills that are highly employable, people are looking for them and they're still very few developers that no, it really Well, well, that's what we're learning in these scores. In this course, we're gonna learn html five CSS three. We're gonna learn JavaScript. We're gonna learn, react probably the fastest growing or the biggest library for JavaScript. And we're gonna learn about notes servers, No GS Express Js gonna learn about post Chris SQL and also mongo db So we're learning all these things in order for us to build clean, fast and buck free Web applications so that we can stand on shoulders of giants so we can create wonderful applications that were proud of. So get excited all the theory stuff we're done with. We're going to start coding we're going to start off with HTML than to get into CSS. And then finally, job, script and react. And don't worry, we'll get to the back end as well, so I'll see you in the next section, but by