How to become a web developer that stands out from the crowd

52

Click here to load reader

description

In this deck I will look at the foundations of the web and focus on the core technologies and concepts anybody who wants to become a web developer should know. Even if you are an experienced developer it’s worth spending a little bit of time going back to basics and making sure you have a rock solid foundation. If you know and understand all these concepts you should be able to build any static website. Later on we will look at web frameworks, server side programming, data visualisation and more. For now we are focusing on the basics.

Transcript of How to become a web developer that stands out from the crowd

Page 1: How to become a web developer that stands out from the crowd

that stands out from the crowd

How to become a web

developer

Page 2: How to become a web developer that stands out from the crowd

I’m not gonna lie to you, becoming a good web developer isn’t easy.

Page 3: How to become a web developer that stands out from the crowd

Knowing a little bit of HTML, Javascript and CSS isn’t enough.

Page 4: How to become a web developer that stands out from the crowd

It’ll take time but you can teach yourself everything you need to know.

Page 5: How to become a web developer that stands out from the crowd

If you put in the effort and focus on the right things you will get there.

Page 6: How to become a web developer that stands out from the crowd

Build a solid foundation

Page 7: How to become a web developer that stands out from the crowd

Even if you are an experienced developer it’s worth going back to basics.

Page 8: How to become a web developer that stands out from the crowd

HTTP - The transport layer

Page 9: How to become a web developer that stands out from the crowd

Every single thing you do on the web is built on top of HTTP

Page 10: How to become a web developer that stands out from the crowd

When learning HTTP make sure you understand:

Page 11: How to become a web developer that stands out from the crowd

How the request/response model works.

Page 12: How to become a web developer that stands out from the crowd

The stateless nature of the web.

Page 13: How to become a web developer that stands out from the crowd

Cookies and their purpose.

Page 14: How to become a web developer that stands out from the crowd

The HTTP verbs and the difference between them.

Page 15: How to become a web developer that stands out from the crowd

HTTPS and certificates.

Page 16: How to become a web developer that stands out from the crowd

Caching and all the places it could occur

Page 17: How to become a web developer that stands out from the crowd

www.aestheticio.com

For links to in depth explanations of HTTP click here

Page 18: How to become a web developer that stands out from the crowd

HTML - The content layer

Page 19: How to become a web developer that stands out from the crowd

HTML is a markup language that describes the content you produce on

the web.

Page 20: How to become a web developer that stands out from the crowd

It's combined with CSS in your browser to display information.

Page 21: How to become a web developer that stands out from the crowd

HTML should be used to describe the structure of your document.

Page 22: How to become a web developer that stands out from the crowd

Not what it looks like! That’s what CSS is for…

Page 23: How to become a web developer that stands out from the crowd

CSS - The presentation layer

Page 24: How to become a web developer that stands out from the crowd

Cascading style sheets are used to dress up your content.

Page 25: How to become a web developer that stands out from the crowd

CSS tells the browser how you want your HTML rendered.

Page 26: How to become a web developer that stands out from the crowd

Since CSS is fairly simple it’s easy to pick up the basics by fiddling around.

Page 27: How to become a web developer that stands out from the crowd

This often means you try random stuff until it works or you just give up.

Page 28: How to become a web developer that stands out from the crowd

If you have had this experience you are not alone. 

Page 29: How to become a web developer that stands out from the crowd

Mastering a few basic concepts will help you understand what’s going on.

Page 30: How to become a web developer that stands out from the crowd

Concepts like:

Page 31: How to become a web developer that stands out from the crowd

The box model

Page 32: How to become a web developer that stands out from the crowd

How CSS relates to the DOM

Page 33: How to become a web developer that stands out from the crowd

Specificity, inheritance and cascading

Page 34: How to become a web developer that stands out from the crowd

Absolute vs relative positioning

Page 35: How to become a web developer that stands out from the crowd

Absolute positioning inside relative positioning

Page 36: How to become a web developer that stands out from the crowd

CSS layout techniques

Page 37: How to become a web developer that stands out from the crowd

www.aestheticio.com

For articles on each of these

concepts click here.

Page 38: How to become a web developer that stands out from the crowd

Javascript - The programming layer

Page 39: How to become a web developer that stands out from the crowd

This will be your hardest task by far.

Page 40: How to become a web developer that stands out from the crowd

First you need to master Javascript

Page 41: How to become a web developer that stands out from the crowd

Then you need to become a good programmer.

Page 42: How to become a web developer that stands out from the crowd

It's a hard road, but you can get there.

Page 43: How to become a web developer that stands out from the crowd

This book will help.

Page 44: How to become a web developer that stands out from the crowd

Javascript the good partsDouglas Crockford

Page 45: How to become a web developer that stands out from the crowd

So will this lecture

Page 46: How to become a web developer that stands out from the crowd

www.aestheticio.com

There are 7 more videos in this series, click here for a list

Page 47: How to become a web developer that stands out from the crowd

This is the first step in your journey to becoming a web developer.

Page 48: How to become a web developer that stands out from the crowd

It’s a very important one though

Page 49: How to become a web developer that stands out from the crowd

Understand the basics.

Page 50: How to become a web developer that stands out from the crowd

It will be worth it in the long run.

Page 51: How to become a web developer that stands out from the crowd

Good luck!

Page 52: How to become a web developer that stands out from the crowd

www.aestheticio.com

!

For more information

including resources, courses and videos

click here.