You'll need your basics in HTML, CSS, JavaSacript, jQuery and integrating plugins to be at a solid level, which is only possible through practise I'd suggest putting all your free time on cloning pages or sections of popular web-applications on your own - starting with simple stuff like the home page on facebook, or the google search home page at a pixel-perfect level and then moving to things like the chat feature on facebook with Laravel and AngularJS, etc The harder you work on yourself and your skills now, the easier it'll get down the line
Aim for simple stuff like the FB and Google Home pages, moving on to LinkedIn profile page with in-place editing with AngularJS/jQuery I don't particularly care about the final results here as much as the effort you put in and the demonstrable learning you get out of it
Due to our limited resources we may not be able to afford spending effort on the wrong thing or on building something different from what we have in mind or getting stuck somewhere Please make an effort to extract more details about any task you've been assigned and try to get a list of detailed steps of what needs to be done Write them out yourself in detail and share back once you've understood the task To start off do the same for the weekend learning task I've given you above
###Example:
1. Cloning facebook home page
i. Open and study facebook.com
ii. Create a new project folder to house your HTML and create an index.html file
iii. Follow instructions on bootstrap's docs and install bootstrap - preferably via bower
iv. Create a main.css file to hold custom styles
v. Create the HTML markup for the facebook home page, row by row
vi. Download images and insert them into the markup
vii. Use CSS to style it to look exactly like facebook.com
viii. Go one step further and make facebook.com fully responsive with @media queries
...