/    Sign up×
Community /Pin to ProfileBookmark

web developer interview help

Copy linkTweet thisAlerts:
Apr 25.2012

HI there, I wonder if you can help me at all. In a few days I will have an interview for a web developer job. I am good with css and html, and know a bit of javascript
and jquery. Now, I would like to practice a little bit before the big day. The test I will be given I presume it will be turning a photoshop design into a fully working
web page. So does anybody have good suggestions, tips, resources, ideas, mock ups that I can use as an excercise etc etc? Any help ould be much appreciated

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@Eye_for_VideoApr 26.2012 — First off, don't even think about "slicing" up a PhotoShop mockup. If that method was even mentioned, I would not hire you!

Learn to do the entire layout using CSS "styles" to design the page.

So for example, create a PS doc with 6 randomly spaced rectangles... just give them each a unique color and a set px dimension. Then learn how to duplicate that using just CSS as a web page.. 6 colored rectangles spread out over a web page.

For reference you'll need to understand the "box model":

http://www.w3schools.com/css/css_boxmodel.asp

More about CSS:

http://www.w3schools.com/css/

and basic HTML:

http://www.w3schools.com/html/

Once you can do that, move on to a more complex page.... pick any Web page, break it down into 6-10 sections and see if you can duplicate those sections and positions on the page. The actual content is unimportant, just learn to position the "container" <div>s.

EfV
Copy linkTweet thisAlerts:
@spufiApr 26.2012 — First off, don't even think about "slicing" up a PhotoShop mockup.[/QUOTE]

Which they never mentioned.
×

Success!

Help @bazzo spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.10,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...