- HTML and CSS knowledge
- Use of editor to write code
- Access to computer
- Over 529 downloadable resources – 57 articles – 43+ hours on-demand video, 57 Sections
- Over 614 HD video lessons
- 4 downloadable ebook guides 200 pages and 3 x 60 pages – with code and resource links
This is the course you’ve been looking for……….
It’s arrived, and bigger than expected!!!
Most often asked for ARE PROJECTS – and this course delivers! Over 50 and will grow over time as more projects and challenges get added. You can select the projects you want to do or take them in order, it’s up to you.
Extend on the projects and add them to your portfolio, to showcase skills you have learned.
This will keep you busy and provide you the opportunity to learn and experiment with code. Try it. All the projects are designed in a starter type format so that you can build on them and customize to make it your own.
Only on Udemy – you won’t find it anywhere else 🙂
Portfolio Builder 50+ projects
Includes 2 downloadable ebook guides – over 250 pages. +++++ BONUS CONTENT
Step by step learning with challenges within the lectures and of course SOURCE CODE is included. There are over 400 downloadable code snippets to keep you busy.
Modular course design so that you can take lessons sequentially or skip to the ones most interesting and on projects you want to learn first. Take a few do them all, its up to you!
Learning approach is to demonstrate the code and then have you try it!
What you will learn…..
Course Introduction : Welcome to the course, how to guide
- Tip Calculator : Use Math to calculate a value. Get an input from the user and use it in the calculation. Update the HTML to show the final value.
- Welcome messages : Get input value and output to the screen a welcome message to the users name that is entered into the input field.
- Rock Paper Scissors Game : Who wins ??? Rock Paper Scissors. Paper > Rock > Scissors > Paper > Rock. Pick one at random – see who wins
- Functionator Function practice : Learn and explore more about functions. Select movement by key presses, run the sequence of movements. Remove movements by click on the step.
- Countdown Timer : Countdown Timer – Pick a date and see how much time is left with a dynamically updating counter. Local Storage to store end time. Time Interval and clear for website updates
- High Low Card Game : Create an interactive simple card game which the user needs to select either higher or lower guesses on the following cards using the current card as the value. Build a deck of cards array and objects construction. Create elements. Add style and CSS. Random cards. Check win/loss
- Word Finding Game : Word scrambler. Hover over the red boxes to find scrambled words. Click the one that matches the select this word value.
- Fun with the Document Object Model : clone elements – update element style and move elements. Random Color Generator. Create elements, move elements, remove elements.
- Star Rating project : Event triggers update element classes. Change styling on hover and on click. Store results and display to the user.
- Popup message : Click an element, shows modal popup message with close button. Message contents from element attributes.
- Editable Shopping List : Create Dynamic Content from input values. Add items to list, remove items from the list. Edit items inline within the list. Update list items
- Catch element game : Moving element moves quickly, try to click the element and see what happens. (it turns red) Tracking of mouse coordinates and use of requestAnimationFrame for animation.
- DOM interaction Application : Create a dynamic interactive web application to update DOM elements, add toggle classes, create new elements dynamically and remove elements. Form selection and input fields to dynamically manipulate elements.
- Google Sheet data to CSV exporter : Create CSV files for download from arrays. Create CSV for download using Google Sheet as data source. User clicks and the file will download to their computer.
- Number Guessing Game : Guess the correct number to win. Provides feedback if number was higher or lower. Takes input value.
- Card War Game : Create Deck of Cards. Create Game Players. Deal the cards. Visual Cards for player. All players turn over top card, whoever has the highest card gets all the cards. Objective is to get all the cards in the deck. Multiple Rounds Attack for enhanced gameplay, tie value playoff.
Step by step learning with all steps included.
Along with friendly support in the Q&A to help you learn and answer any questions you may have.
Try it now you have nothing to lose, comes with a 30 day money back guarantee.
Who this course is for:
- Web developers
- HTML and CSS coders