What you'll learn
- Master the DOM (document object model)
- How to create elements dynamically and more - With Games and Amazing Projects to Build
- Wow create real-world apps with both ES5 and ES6+
- Source Code include - Build YOUR own version of the app TODAY
- HTML and CSS knowledge
- Use of editor to write code
- Access to computer
Master the DOM (document object model)
Loaded with CONTENT - Projects that are unique and FUN to build -
Super Charge your portfolio - upon completion of this course you will have a wide range of mini applications that you can use in a portfolio to showcase your skills.....
- Source code is included - projects are designed as starter projects for you can continue to build them out and make some really cool STUFF!!!
- Use the sections to create your own code versions that can be used anywhere to help showcase your skills. Most employers are looking for how you apply code and this is a great place to get ideas and build projects
4 BONUS eBook PDF included.... with definitions resources and examples.... and challenges
Try the projects have fun while learning.
Over 546 downloadable resources - 58 articles - 50+ 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.
MORE CONTENT ADDED all the TIME - Can you Handle this?????????????
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
I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite
Providing Web development courses and digital marketing strategy courses since 2002.
Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.
"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998. I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."
"Learning, understanding with a strong passion for education. The internet has provided us with new opportunities to expand and share knowledge."
Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online. Technology connects us all in many ways. It opens up doors to those who embrace it and learn how to make those connections real.
"My courses are designed to help you achieve your goals, learn and update skills"
"Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"