Modern Web Design Lesson 01 (2 of 4)

I’m glad you decidedto stick around. As I mentioned inthe introduction, this course will covermodern web pattern from the perspective ofa front-end developer. So the first thing Ishould probably cover is what the heck is afront-end developer? But before I get there, what the heck is front end? So when we use theterm front end, we’re referring to part ofa website’s architecture. And front-endtechnology is stuff like HTML, CSS, and JavaScript. And we use the termfront end to separate it from back end, which is thestuff that impels the web page. In all cases, the websiteis being served by a server, but sometimes we’ve gotthings like databases which can store your material in their own homes. Perhaps they’re storing themas part of a material handling organization or CMS. That sort of stuff, theheavy-duty programming, that’s considered theback end, the stuff that happens on the server. The front end is what wedeliver to the browser, and it’s what the browserrenders and construes. Front end can also refer tothe people whose focus it is.So sometimes you’llhear “theyre saying”, oh, I is currently working on the front end orI work on the back end or they are likely say I’ma front-end developer or I’m the back-end developer. Some people do work onboth ends of the system, especially at smallercompanies and startups. You’ll sometimes hear themreferred to as full load makes, becausethey understand all of the seams that cometogether to create a website. And those peopleare kind of rare, which is why they’ve beengiven the moniker unicorns by some people. They understand layout, UX, front-end coding back-end development. And they’re most soughtafter at a good deal of firms. If you can masterall of these areas, you can pretty muchname your expenditure when it comes todoing web development. Now, the front-end languages, as I’ve mentioned before, are HTML, which is usedto mark up your content; styling, which isaccomplished via CSS, and your programmingon the front end is done using JavaScript.Now, it’s important to realizethat HTML, CSS, and JavaScript actually evolve over time. Each speech derives at its ownpace and so different versions come out at different times. And they’re not always in sync. This can be a littleconfusing and can move network intend alittle bit challenging, trying to track which versiondifferent browsers are handling. And in many cases, browserschange over time as well. They won’t implementa particular spec, but then later on they will. As you can see, IE8 all the wayover on the left here in red, doesn’t support the CSS3border radius property. All of these other browsersthat are in dark-green do. You’ll notice thatIE9, IE10, and IE11, which come afterIE8 in that column also support border radius. This information is all storedon a really useful website announced caniuse.com, which helpsyou to track which options are available to you in CSS, HTML, and JavaScript and which browsers support them.There’s also a really neatview where you can actually discover the amount of market sharea yielded browser has in order to best determine whether ornot a particular feature is available. So as I mentioned, browsers changed at all. So you might havesome browsers that get square corners because theydon’t understand their own borders radius asset. So that would be IE8here on the left. And then on the rightwe have IE9, which does understand margin radius. So it gets the rounded recess. Some of you may look at this andthink, well, that’s not immense. We’ve got two different browserswith two different behaviours but, in reality, it’s OK for beings to get different experiencesbased on the browser that they’re in. We can’t command absolutelyeverything about the route people know-how ourwebsites, and that’s OK. We have to come toterms with that. And it’s a topic thatI’ll talk about a bit more when I discuss the philosophyof progressive enhancement.Now, at their mostbasic, the tools of a front-end webdeveloper are simply a text editor and a browser. There are numeroustext editors out there, everything from Coda andBrackets to Sublime Text, TextMate, Vim, UltraEdit, Notepad, Notepad ++. There’s just hundredsof them out there. Which one you wantto use is up to you. My personal preferenceis TextMate. I tend to use thata lot on my Mac, but I also like SublimeText quite a bit as well. And that one is available onboth Macs and Windows machines. As for browsers, we’llbe see and tests our work in Google’sChrome browser, but most front-enddevelopers have a handful of browserson their machine so that they can test theirdesigns and their functionality across the board. Hopefully thishelps you understand what a front-end developer is. In the following chapter, we’ll examine where a front-end developer fitsinto the process of house a website.I’ll see you in a minute ..

digital marketing

As found on YouTube

Share this article

Leave a comment

Related Posts