| Title | URL | HeadLine | Description | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | |
|---|
| Dynamic JavaScript WebPages DOM CSSGrid Create Page Elements | https://www.udemy.com/course/javascript-grid/ | JavaScript DOM how to create page elements update style properties add events to web pages Interactive Dynamic Web | <p>Explore how you can use JavaScript code to create a fully responsive Dynamically created grid of page elements. Learn more about JavaScript DOM and how you can create interactive page content with JavaScript Code</p><p><strong><em>Please NOTE that JavaScript HTML and CSS are a prerequisite to this course</em></strong></p><p>Included – bonus downloadable PDF resource guide with source code and links to resources.</p><p>Dynamic Web Page Grid with JavaScript – Create Elements add Event Listeners to make page elements interactive.</p><ul><li><p><strong>Document.querySelector() </strong>- to select page elements from the DOM</p></li><li><p><strong>Document.createElement() </strong>- Create elements with JavaScript</p></li><li><p><strong>EventTarget.addEventListener()</strong> – adding interaction with click events on elements created using JavaScript Code</p></li><li><p>Select all the page elements that were created and update the style background color</p></li><li><p>Add buttons that allow the user to click and reset new background colors to each page element</p></li><li><p>Interactive page elements when clicked will update the background color of the entire body with the random color of the element set when it was created.</p></li></ul><p>Have fun with code while learning more about the Document Object Model and how you can select, create and manipulate the page elements using JavaScript code.</p><p>Taught by an instructor with over 20 years of web development experience ready to help you learn more about JavaScript.</p><p>Source code included.</p><p>JavaScript code learning made fun with step by step lessons demonstrating at the start of each lesson what will be presented in the lesson. Take this opportunity to learn more about how to code with JavaScript.</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Web Design for Beginners Modern HTML CSS JavaScript coding | https://www.udemy.com/course/web-design-html-css-js/ | Quick Starting guide for Web design covering all the modern coding syntax for HTML CSS and JavaScript and JavaScript DOM | <p><strong>Learn how to</strong></p><ul><li><p>How to create web pages with HTML and CSS</p></li><li><p>Create interactive web content with JavaScript</p></li><li><p>Basics of coding JavaScript</p></li><li><p>Bring your web pages to life with Code</p></li><li><p>Modern Responsive WebSites</p></li><li><p>Interactive and Dynamic Web Pages</p></li></ul><p>Are you curious about creating websites, this course is the perfect place to start.</p><p>Learn all the core fundamentals of modern web design, covering all the commonly used syntax for HTML and CSS. This course is designed to get you started quickly and easily with creating web pages.</p><p>Course covers all the essentials so that you can begin quickly on your journey to create amazing looking websites. Add JavaScript to make your web pages come to life.</p><p>Covering the core concepts of JavaScript so that you can try the code and get familiar with what it does. Using JavaScript you can access the HTML DOM in the browser which allows you to interact and manipulate web page content. JavaScript creates the interactive and dynamic content seen today in all major modern web pages.</p><p>Explore how you can start coding quickly and focus on designing your webpages, loaded with source code and examples.</p><p>Each section comes with a PDF guide that includes useful section resources, and source code from the lessons so that you can try the code for yourself.</p><p><strong>Learn HTML – </strong>how to create an HTML file and structure your HTML code in a modern format ready to be styled. Lessons of this section cover how to get started with coding and creating web pages.</p><p>Setup your Editor and create HTML files</p><p>Debug your code</p><p>HTML tags for page structure</p><p>What makes up an HTML element</p><p>What are Self closing Tags</p><p>How to use Element Attributes</p><p>Linking pages together with Hyperlinks</p><p>Adding Images to your web page</p><p>Lists and Tables for readable content</p><p>Semantic Page elements</p><p>How to create a simple webpage</p><p>Go live with a Github page and your HTML site</p><p><em>Learning HTML covers the following code.</em></p><ul><li><p>Editor and setup to write HTML – create an html file</p></li><li><p>Anatomy of an HTML element – opening tag, content, element, closing tag</p></li><li><p>4 must add tags for HTML pages html, head, title, body</p></li><li><p>Comments in Code <!– –></p></li><li><p>Create a basic template</p></li><li><p>Introduction to common HTML tags <h1><p><div><span></p></li><li><p>Self closing tags <hr><br></p></li><li><p>Tag attributes (id, style, class)</p></li><li><p><a> anchor tag hyperlinks connecting pages</p></li><li><p><img> add images- self closing tags</p></li><li><p>Lists <li> <ol> <ul></p></li><li><p>tables <table><tr><td> <th></p></li><li><p>HTML semantic elements <nav><header><section><article><aside><footer></p></li></ul><p><strong>Learn CSS</strong></p><p>What CSS is and how you can style your web pages with Cascading Style Sheets. HTML provides structure for your webpage, CSS allows you to style your page. Design the page with your style, setup page layouts, add colors, fonts, and more. Present your web pages as you want them to look, independent of the HTML you can make your web content look and style as you imagine it should.</p><p>Explore how to add CSS to your HTML page</p><p>How to add colors to page element backgrounds and text</p><p>What the box model is and how you can apply borders, margins, and padding to any page element.</p><p>Style the text, update the font and customize your text output.</p><p>Update you links, adding Pseudo classes to your page elements</p><p>How to apply display properties, position and floats to set up your page layout.</p><p>Really useful CSS properties explored</p><p>CSS combinators for selection of elements.</p><p>How to build a responsive webpage with CSS float, CSS grid and CSS flexbox.</p><p><em>Use CSS Cascading Style Sheets common syntax covered in this section.</em></p><ul><li><p>Google Chrome Dev Tools</p></li><li><p>Adding Styling to HTML tags style <style> link to CSS file</p></li><li><p>CSS rule CSS Syntax (Selector) (Declaration) {Property:value}</p></li><li><p>Element Selection by tag name, id, class</p></li><li><p>Comments in Code /* */</p></li><li><p>Colors – Color types named colors HEX RGB RGBA</p></li><li><p>Background – color – image – repeat – attachment – position – background shorthand</p></li><li><p>Box Model – Borders – Margins – Padding – Height and Width</p></li><li><p>Text – text-align text-decoration text-transform</p></li><li><p>Fonts – font-style Google Fonts</p></li><li><p>Link states – a:link a:visited a:hover a:active</p></li><li><p>Display Properties – inline – none – block</p></li><li><p>Position : static relative fixed absolute sticky</p></li><li><p>Float and clear left right and none</p></li><li><p>CSS combinators for selection – space child selector ></p></li><li><p>Pseudo-classes – :hover, :first-child, last-child, :nth-child(2)</p></li><li><p>Pseudo-Elements – ::first-line , ::first-letter, ::after</p></li><li><p>Web Design Floats – Responsive design</p></li><li><p>CSS Grid – display: grid; grid-template-areas:</p></li><li><p>CSS Flexbox – axis row and column</p></li></ul><p><strong>Learn JavaScript Basics</strong></p><p>JavaScript code runs your browser as your html page loads. Adding JavaScript to your code can improve the user experience of the web page. Go from a static webpage to an interactive one with JavaScript. This section will cover the basics of getting started with JavaScript and the code syntax to write JavaScript code. JavaScript is a set of instructions you can add in your code to let the browser know what to do next.</p><p>Variables are at the heart of coding</p><p>The different data types of JavaScript and how JavaScript can set the data type.</p><p>The power of Objects and Arrays and how you can use them to store multiple values in one variable.</p><p>Operators to provide calculations within your code</p><p>Functions to run predefined blocks of code as needed.</p><p>Conditions for logic within your code</p><p>Loops to save time and iterate over blocks of code</p><p><em>Learn JavaScript to make your webpages more interactive.</em></p><ul><li><p>JavaScript Introduction alert prompt</p></li><li><p>Variables Let and Const</p></li><li><p>Operators</p></li><li><p>Arrays and Objects</p></li><li><p>Data Types</p></li><li><p>Functions</p></li><li><p>Conditions</p></li><li><p>Loops Do While, For, While, for each</p></li></ul><p><strong>Learn JavaScript DOM</strong></p><p>JavaScript and the DOM</p><p>Document Object Model (DOM) is a programming interface for HTML documents, that is the logical structure of a page and how the page content can be accessed and manipulated. Bring your web pages to life with JavaScript and connect to the web page elements. Create fully interactive content that responds to the user. Create Dynamic web page content that can change without page refresh and present new elements and updated content to the user. Improve your web users experience with JavaScript and the DOM.</p><p>What is the DOM Document Object Model</p><p>How to select elements from your webpage with JavaScript</p><p>Manipulate and change your page elements with JavaScript</p><p>How to set styling attributes for elements</p><p>Make them interactive with Event listeners</p><p>DOM events and Page events with JavaScript</p><p>How to create elements with code and add them to your webpage</p><p>Moving elements and animation of elements.</p><ul><li><p>Element Selection</p></li><li><p>DOM tree</p></li><li><p>Multiple Elements selection</p></li><li><p>Element Manipulation</p></li><li><p>Adding event listeners</p></li><li><p>Input Values</p></li><li><p>Create Elements</p></li><li><p>Animation</p></li><li><p>Element Movement</p></li><li><p>Window events</p></li><li><p>Document Events</p></li><li><p>Keyboard Events</p></li><li><p>Tracking key presses</p><p><br></p></li></ul> | | | | | | | | | | | | | | | | | | |
|---|
| Python for Beginners Start to Code with Python write code | https://www.udemy.com/course/python3-code-beginners/ | Includes several Python projects and loaded with code examples Learn how to code with Python perfect for Beginners | <p>Python Online Course For Beginners online course to introduce beginners to writing Python code and creating applications.</p><p>Python is an excellent language to start programming with, its powerful and reality easy to get started with. You can see results and run the code right away and most computers require very little setup to start coding.</p><p>Includes several Python projects and loaded with code examples , you will travel through every essential element of programming and understand how the entire programming of python really works.</p><p>Python is perfect for both small and large scale projects. Designed to help programmers write clear and logical code made to be human readable.</p><p>Common uses for Python include, task automation, data analysis and visualization and development web applications. Due to the ease of getting started with Python it also gets commonly adopted by many non-programmers to help with tasks.</p><p>One of the most popular programming languages. Small learning curve, you can get started with Python quickly. Powerful and straightforward. So many people are learning Python, doing cool things and you can get started with Python quickly.</p><p><strong>Python for Beginners – perfect language to learn how to code.</strong></p><ul><li><p>How to get setup and ready to code using Python, setup your development environment.</p></li><li><p>Start directly on your computer you already have everything you need to write Python</p></li><li><p>Python is perfect for both small and large scale projects</p></li><li><p>Code that is written is easy to read because of the use of indentation and object oriented approach.</p></li><li><p>Ease of getting started with Python – great for non programmers who want to learn</p></li><li><p>Small learning curve, you can get started with Python quickly</p></li><li><p>One of the most popular programming languages.</p></li><li><p>Most PCs and Mac will come with Python installed already</p></li></ul><p>So many people are learning Python, doing cool things and you can get started with Python quickly.</p><p>Help everyone learn coding -</p><p>How to setup your coding environment and start writing Python on your computer today.</p><p><strong>Everything you need to know about Getting Started with Python Code</strong></p><p>Walk through on the first steps to set up your computer to be ready to write Python code. How to install Python on a Mac and Windows Machine. How to set up and prepare your code editor for writing Python Code.</p><ul><li><p>Introduction to setting up your machine to write Python Code</p></li><li><p>Mac OS and Windows install and Setup of Python</p></li><li><p>Editor Setup for Coding Python.</p></li></ul><p><strong>Fundamentals of Coding with Python</strong></p><p>Python uses indentation and how it works is that the indentation indicates a block of code. In Python indentation is very important.</p><ul><li><p>Commenting in Python Code Multi line comments</p></li><li><p>Python Code Variables How to create variables and use them in code</p></li><li><p>Python Data Types Strings Integers Booleans Lists Sets Dictionaries</p></li><li><p>How to get the User input in the terminal and assign it to a variable</p></li><li><p><strong>Project – Python Calculator</strong></p></li><li><p><strong>Project – Favorite Number Messages</strong></p></li><li><p>Python How to apply logic with conditions</p></li><li><p><strong>Project – Code bouncer allowed in or not?</strong></p></li><li><p>Coding Loops and iterations while and for</p></li><li><p><strong>Python Project Number Guessing Game</strong></p></li><li><p>How Python Functions work</p></li><li><p>What is Python Lambda and how it works</p></li><li><p>Python Function Scope.</p></li><li><p>Python built in Methods</p></li><li><p>How to use Python Modules Create your own modules to use in your code</p></li></ul><p><strong>Coding Projects to you can create with Python</strong></p><p>Get coding and creating simple projects with Python to practice what you’ve learned and develop your skills</p><ul><li><p>Python Coding Project Countdown timer code</p></li><li><p>Python Coding Project Dice game in Python highest roll wins</p></li><li><p>Python Coding Project Rock Paper Scissors Python coding Game</p></li></ul><p>Create a countdown timer</p><ol><li><p>create a function that will decrease a val</p></li><li><p>Using Modulus and Floor Division calculate the minutes and seconds</p></li><li><p>Create a string output value using format to structure it as minutes and seconds</p></li><li><p>Using the time module import the sleep method slowing the output with a 1 second delay</p></li><li><p>Subtract from the total seconds</p></li><li><p>Once the while loop completes print the time is up and invoke the start function again</p></li><li><p>Create a starting function that gets the users inputs for the countdown timer in total seconds. Check if the input is numeric if it is send the total second value to the countdown function</p></li></ol><p>Dice game in Python</p><p>Play against the computer, role the dice get a random value and see who scores more. The highest role wins the game. Perfect game to practice and learn more about using random in game logic, and applying conditions to check for a winner</p><ol><li><p>Import the random module</p></li><li><p>setup default variables for score and set the values of the roles from min to max.</p></li><li><p>Create a function to house the game coding</p></li><li><p>Setup a while loop that will run the block of game code</p></li><li><p>Game code generates random values for both the player and computer.</p></li><li><p>Apply conditions to check who wins</p></li><li><p>output the feedback and results to the player. Keeping score of the rounds.</p></li><li><p>Allow player to exit and end game</p></li></ol><p>Rock Paper Scissors Python coding Game</p><p>Rock paper scissors, played between the player and the computer. Setup the game make a selection and see who wins. Rock beats Scissors and crushes them, Paper covers the rock and wins, Scissors can cut up the paper to win.</p><ol><li><p>import the random module</p></li><li><p>setup the default values and array</p></li><li><p>create the gameplay function</p></li><li><p>create a loop within the gameplay function</p></li><li><p>Get the user selection and generate a random selection for the computer</p></li><li><p>Apply logic to see who wins</p></li><li><p>Let the player exit the game or go for another round.</p></li></ol> | | | | | | | | | | | | | | | | | | |
|---|
| Google Sheets as JSON data for Web Pages JavaScript Fetch | https://www.udemy.com/course/sheets-data/ | Create a URL generator Website from scratch HTML CSS and JavaScript make custom queries to return Google Sheets Data | <p>Do you want to connect your Google Sheets data to your website, this course will provide the steps to create the connections. Explore how to setup a connection to your sheet data with JavaScript return your data and use it on your web page and within you web applications </p><p>Development of a website that generates links for Google Sheets.</p><p>Combination of Google Sheets send your data and using the data from your sheet in real time on your website.</p><p>Requests and query the data for results, return it on your website.</p><p><strong>Using JavaScript Fetch to connect to the sheet Data</strong></p><p>Create an index.html page and link to a JavaScript file. Suggested editor is Visual Studio Code and using Live Server to output the page as HTTP page in the Browser</p><p><strong>Get Sheet data as JSON with Headings from sheets</strong></p><p>First row of data automatically becomes headings if they contain string values. You can now loop through the first row cols and get the heading values for each one of the rows. Get your Content in CSV format and specify the format using the tax out value. csv or json</p><p><strong>Using Query Language Select Custom Sheet Data as JSON</strong></p><p>With Google Sheets you can make custom query requests to the Spreadsheet to return specific results. MakeSQL like queries to your spreadsheet data. Google Sheets can select the sheet and the response format like JSON or CSV. Perfect to use Google Sheets data directly on your Website.</p><p><strong>Create a Dynamic Web Application to dynamically connect to different sheets</strong></p><p>Exercise to make connections to your Google Spreadsheet with Dynamic value from an input field. Set the Spreadsheet ID from the input field, select the sheet you want to return data from and add a query value that gets encoded. Return the results from the interactive web input fields that are specific to that request. Make more request build your endpoint URL.</p><p>Source code and resource included</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Linkedin Optimize your Profile for Beginners Social Network | https://www.udemy.com/course/learn-linkedin/ | Explore how you can get the most out of Linkedin Find tips and resources to grow your network and increase engagement | <p>Welcome to the Getting Started with Linkedin Course. All New content and new tips and resources to HELP you get the most out of Linkedin.</p><p>I’ve been on Linkedin for over 10 years and regularly use it on a daily basis to connect with others within my industry. The time I spend on Linkedin has been very rewarding as its provided me many opportunities and new connections that have helped me grow my business. In this course I share the basics of Linkedin as well as tips along the way on how to setup your Linkedin Profile for success, how to grow your network and how to get engagement on content.</p><p>Use Linkedin to find jobs, connect with other industry professionals, grow your business, find clients, become an authority in your field, join groups and add to conversation. Share your knowledge, and get noticed.</p><p>You never know who is looking to connect with you, having a Linkedin profile provides the opportunities for others to connect with you as well as you connect to others. </p><ul><li><p>Step by Step as to how I use Linkedin for the past 10 YEARS</p></li><li><p>How I gained over <strong>19000 Linkedin Connections</strong></p></li><li><p>How I’ve used Linkedin to expand my Brand</p></li><li><p>Profile Settings that I use to create more opportunities for others to connect with me</p></li></ul><p>This is a BRAND new Guide by a daily Linkedin User with over 19000 Connections and over 19000 Followers.</p><p>I’m happy to answer any questions you might have – and also connect with you of course :)</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Projects DOM Interactive Dynamic web pages | https://www.udemy.com/course/javascript-projects-dom/ | Make your webpages come to life with JavaScript and DOM interaction Loaded with Useful Projects in JavaScript | <p>Explore how you can create amazing <strong>Mini Projects to learn JavaScript </strong>- <strong>Grow your portfolio </strong>- <strong>Expand your skills!</strong></p><p>Do you want to add interaction or dynamic content to your web pages, this is the course for you!</p><p>JavaScript can bring your web pages to life – interact with the DOM. Select page elements, make changes and update them as needed. Power up your web pages!!!</p><p>Create amazing content on your pages, driven dynamically with JavaScript. Projects within this course are designed to help you learn more about JavaScript and interacting with the DOM. Learn by example, course is loaded with fun projects to help you learn and demonstrate what can be done with JavaScript</p><p>Source Code is included so that you can try the code, and build your own version of the web applications.</p><p>Please note that HTML and CSS are prerequisite to the course, as well fundamental JavaScript is required as we are covering JavaScript within web pages.</p><p><strong>JavaScript Projects within the DOM – Document Object Model</strong></p><p><strong>Explore how to create Interactive Dynamic web pages </strong></p><p><strong>Introduction to the DOM and how JavaScript can create page interactions – </strong>Explore how to write JavaScript code, select page elements and more. Loaded with useful projects to help you learn more about creating interactive and dynamic web content with JavaScript.</p><p>Course covers everything you need to know in a step by step format so that you can start coding JavaScript and creating amazing things with code.</p><p><strong>Web Developer Setup use of Editor for JavaScript Code</strong></p><p><strong>JavaScript Projects DOM Interactive Dynamic web pages Introduction web development Course Resource Guide.</strong></p><ul><li><p>Getting started with JavaScript DOM coding and development</p></li><li><p>Web Developer Setup use of Editor for JavaScript Code</p></li><li><p>JavaScript Resources to explore more about JavaScript</p></li><li><p>JavaScript DOM Object Selecting Page elements and more</p></li><li><p>JavaScript querySelectorAll Get Page Elements Select ALL</p></li><li><p>Page Events Element Event Listener access page content with JavaScript</p></li><li><p>JavaScript and Page Input Values from Page Elements</p></li><li><p>How to use JavaScript Request Animation Frame</p></li></ul><p><strong>JavaScript Starter Projects DOM Simple Projects to Start Coding</strong></p><ul><li><p>How to make Interactive DOM list saving to localstorage</p></li><li><p>JavaScript Component Create a Star Rating Project</p></li><li><p>JavaScript Game within the DOM Coin Toss Game Project</p></li><li><p>JavaScript Typing Challenge Game with JavaScript DOM</p></li><li><p>JavaScript DOM fun with Page Elements Moving Storing Keypress</p></li><li><p>JavaScript Combo Guessing Game Exercise</p></li><li><p>JavaScript Shape Clicker Game Click the shape quickly to win</p></li><li><p>JavaScript Number Guessing Game with Game Logic</p></li></ul><p><strong>JavaScript DOM Interactive Components and Useful Projects</strong></p><ul><li><p>Pure JavaScript Accordion hide and show page elements</p></li><li><p>JavaScript Drag and Drop Simple Boxes Component</p></li><li><p>Dynamic Drag and Drop</p></li><li><p>JavaScript Email Extractor Mini Project</p></li><li><p>Create a Quiz with Javascript JSON quiz tracker</p></li><li><p>JavaScript Image Preview File Reader Example</p></li><li><p>JavaScript Interactive Dice Game with Page elements</p></li><li><p>JavaScript Dice Game Challenge Lesson</p></li></ul><p><strong>JavaScript DOM Fun Projects Interactive DOM Elements</strong></p><ul><li><p>JavaScript Tip Calculator Project</p></li><li><p>Tip Calculator Project Part 1</p></li><li><p>Tip Calculator Project Part 2</p></li><li><p>Pure JavaScript Calculator DOM page elements Project</p></li><li><p>JavaScript Calculator Part 1</p></li><li><p>JavaScript Calculator Part 2</p></li><li><p>JavaScript Calculator Part 3</p></li><li><p>JavaScript Bubble Popping DOM Game Coding project</p></li><li><p>How to move a Page Element With JavaScript DOM Mover Example</p></li><li><p>Collision Detection between Page elements with JavaScript DOM</p></li><li><p>JavaScript DOM Interactive Game</p></li></ul><p>JavaScript in action – use of pure JavaScript to create amazing interactive content on your web pages.</p><p>Source code included</p><p>Build your own version of the projects</p><p>Learn more about JavaScript and DOM page element manipulation.</p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building and creating with JavaScript today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| NodeJS MongoDB Express Beginner to Intermediate JavaScript | https://www.udemy.com/course/nodejs-mongodb-express/ | NodeJS Express MongoDB connected together to update database content from Frontend Web Application using JavaScript | <p>NodeJS is built for performance. NodeJS allows you to build complex and powerful application quickly and easily writing JavaScript code. NodeJS allows you to use JavaScript for not only web applications with the flexibility for a wide range of different purposes. Node brings JavaScript to the server, using Googles V8 engine. </p><p><strong><em>Top Reasons for using Node.JS </em></strong></p><ul><li><p>In Demand Skillset – used by popular and large businesses</p></li><li><p>NodeJS is written in JavaScript which makes the transition to Node take less time if you are already familiar with JavaScript.</p></li><li><p>Perfect solution for a full stack developer dealing with backend and databases</p></li><li><p>JavaScript is easy to start with a write code and run code within your own computer</p></li><li><p>Easily to develop locally</p></li><li><p>Open Source with an active community and support</p></li><li><p>Node Package Manager can allow you to create complex applications using existing modules, NPM has a massive number of packages.</p></li><li><p>Node is well supported, large size community and many forms and groups to share code and get help</p></li><li><p>Can be used to build micro services</p></li></ul><p><strong>Final Project in Section #6</strong></p><p>Creating a fully functional node application, that uses Express to run a web application. Connect to a MongoDB and using Node allow the frontend web application to access the Database items, full CRUD interaction.</p><ol><li><p>Create a web application using Express – output html file from public folder</p></li><li><p>Setup a MongoDB in the cloud prep to connect using NodeJS</p></li><li><p>Create and test insert into the database</p></li><li><p>Setup Frontend web application </p></li><li><p>Add DOM event listeners to trigger requests</p></li><li><p>Generate visual response as HTML from the Node response object</p></li><li><p>Update and create interactive list of database content CRUD</p></li><li><p>Add HTML updates to send requests to database.</p></li></ol><p><strong>C</strong>reate (POST) </p><p><strong>R</strong>ead (GET)</p><p><strong>U</strong>pdate (PUT) </p><p><strong>D</strong>elete (DELETE)</p><p><br></p><p><strong>#1 Introduction to Installing and Setup of Node</strong></p><p>This section is a fast paced quick intro to NodeJS, and how you start using NodeJS. We discuss what NodeJS is and that it is not a programming language like JavaScript is but an interpreter and Environment for JavaScript. </p><p>Node is a lightweight framework developed on Chrome’s V8 engine that can be used for largeScale application development. It’s scalable because the server can respond in a non-blocking way. </p><p>Process object which is a global that provides information, and control over, the current Node.js process. Because its global it is always available to Node.js applications without using require()</p><p>npm registry contains packages, many of which are also Node modules, or contain Node module</p><ol><li><p>Demo how to setup your development environment setting up Editor</p></li><li><p>Visual Studio Code as an Editor with ready terminal</p></li><li><p>Creating your first Node File and running the code</p></li><li><p>How Node Works and examples of simple node syntax</p></li><li><p>Where you can find out more about Node with more examples.</p></li><li><p>How to debug and output content into the terminal various command line and console outputs</p></li><li><p>NodeJS programming language environment REPL Read Evaluate Print Loop</p></li><li><p>Examples of Node </p></li><li><p>Process Object – with examples</p></li><li><p>What Node Packages and NPM</p></li></ol><p><strong>#2 JavaScript Fundamentals quick review of JavaScript Coding</strong></p><p>Explore the fundamentals of JavaScript and writing JavaScript code within the Node. Loaded with examples about the basics of coding JavaScript. Back to the basics of JavaScript code . Because node uses JavaScript code this section will provide a refresher and quick overview of JavaScript. Designed to cover the core JavaScript required for the upcoming sections and writing Node.</p><ol><li><p>Variables and the Data Types. How to declare variables and examples of different Data Types.</p></li><li><p>Adding Comments to code</p></li><li><p>How to create Objects and Array</p></li><li><p>What JavaScript Functions are and how they work</p></li><li><p>Advanced Functions Immediately invoked Function Expression IIFE, Arrow format for functions, JavaScript Closure example</p></li><li><p>Different JavaScript operators and examples </p></li><li><p>Use of conditions for logic, turthy and falsey. How to use the Ternary Operator.</p></li><li><p>Examples of logic switch statement, and condition statement</p></li><li><p>JavaScript loop Structures For Loop, While Loop, DO-While Loop with code examples</p></li><li><p>Use of Objects and objects with methods.</p></li><li><p>JavaScript Arrays, adding, updating and removing items from an array. lots of commonly used useful array methods for array manipulation.</p></li><li><p>Array and Object Values, iterating through the contents of each.</p></li><li><p>Use of Template literals to set string values</p></li><li><p>Math and Data Method examples, generating random numbers and dates in JavaScript</p></li><li><p>Global object in Node with the use of timeout</p></li><li><p>Event Queue and Asynchronous operations with JavaScript</p></li><li><p>Examples of JavaScript Node Timer module</p></li><li><p>How to Construct promises and Resolve and Reject Promises</p></li><li><p>Debugging – use of Try, Catch, Finally which are used to handle exceptions in the JavaScript</p></li><li><p> JavaScript Async and Await examples and how the order of output on promise completion.</p></li></ol><p><strong>#3 JavaScript Asynchronous programming </strong></p><p>Asynchrony, in computer programming, refers to the occurrence of events independent of the main program flow and ways to deal with such events. How to add callbacks that run once a stack is complete.</p><p>Covering Input Output which accesses anything outside the application. Once the application is started it will be loaded into the machine memory.</p><p>Coding Examples, and practice code outputting into the console when ready</p><p>Event Driven programming which makes Node.js fairly fast compared to other similar technologies. Once the application starts it initiates its variables, declares its functions and then waits for the event to occur. </p><p>The two types of API functions in Node.js, Asynchronous, non-blocking functions and Synchronous, blocking functions. </p><p>The differences difference between blocking and non-blocking calls in Node.js. </p><p>Blocking occurs when the execution of additional JavaScript in the Node.js process must wait until a non-JavaScript operation completes. The event loop is unable to continue running JavaScript while a blocking operation is occurring. All the IO methods in node.js provide asynchronous versions, which are non-blocking.</p><p>Node keeps an event loop, which monitors when a task gets completed, which would then fire the corresponding events. Node.js overcomes the problem of blocking of I/O operations by using the event loop instead of threads.</p><p>Recursive functions, Function that calls itself is called a recursive function – must have a condition to break the loop.</p><p>The EventEmitter module makes possible the communication and interaction between objects in Node. EventEmitter provides properties like on and emit. The on property is used to bind a function with the event and emit property is used to fire an event.</p><ol><li><p>NodeJS works on the Google v8 environment utilizing JavaScript as its scripting language.</p></li><li><p>How a callback works, Callback added to the background will run once stack is complete</p></li><li><p>Use of setTimeout and how it works in the queue.</p></li><li><p>Callback example Create a function that returns the results from another function</p></li><li><p>Event Loop with an Example of a Recursive Function</p></li><li><p>The three states of promises</p></li><li><p>How to create promises and more promises examples </p></li><li><p>Node process object</p></li><li><p>Node Event EventEmitter</p></li><li><p>how to setup events and trigger emit of events </p></li></ol><p><strong>#4 Node Modules</strong></p><p>Each module in NodeJS has its own context and cannot interfere with other modules. Modules are like libraries that you can include into your application. Node.js has a set of built-in modules which you can use without any further installation like http, fs, path, and url. </p><p>You can create your own modules, and easily include them in your applications. Save them locally and use within your node application as needed. Perfect to separate functionality for your application. To make properties and methods available outside the module file use the keyword exports.</p><p>NPM hosts thousands of third party modules, free packages to download and use. A package in Node.js contains all the files you need for a module.</p><p>Debugging – The try…catch statement marks a block of statements to try and specifies a response should an exception be thrown.</p><ol><li><p>How you can create your own module locally</p></li><li><p>Commonly used builtin modules like http, fs, path and url</p></li><li><p>Using FS module to update file contents, delete files, create new files</p></li><li><p>Getting file information including file size with fs.stat()</p></li><li><p>Use of node package manager NPM explore some popular node packages.</p></li><li><p>Use of package.json – adding and removing packages</p></li><li><p>Node Package Manager Module lodash</p></li><li><p>Node Buffers how to copy and slice buffer contents</p></li><li><p>Debugging node use of Throw, try and catch</p></li></ol><p><strong>#5 Node Web Application with Express</strong></p><p>Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. Explore how to setup a web application quickly with Express. </p><p>The arguments which are available to an Express JS route handler function are request (request Object), response (response Object) and optional Next which can pass control to one of the subsequent route handlers.</p><ol><li><p>How to setup express and output html into a localhost webpage</p></li><li><p>How to Serve files from a static directory using Express</p></li><li><p>Values that can be used in route filtering, pattern match and reg exp</p></li><li><p>Route parameters with req.params</p></li><li><p>Express Route with full CRUD Create Read Update Delete Methods</p></li><li><p>Returning JSON response </p></li><li><p>Use of bodyparser</p></li><li><p>Sending data from a frontend form to node express to output into the terminal</p></li><li><p>Returning a JSON response to the frontend from a frontend request</p></li></ol><p><strong>#6 MongoDB with Frontend web page interaction using Node and Express</strong></p><p>The official MongoDB Node. js driver allows Node. js applications to connect to MongoDB and work with data. The driver features an asynchronous API which allows you to access method return values through Promises or specify callbacks to access them when communicating with MongoDB.</p><ol><li><p>How to setup a cloud base mongo Database to use in practice development</p></li><li><p>Connecting to a mongoDB</p></li><li><p>Use of mongoDB client in Node </p></li><li><p>Checking a connection to the database</p></li><li><p>How to connect to a MongoDB and select the collections, create collections</p></li><li><p>How to output database collections to the frontend using Express and Node.</p></li></ol><p>Creating a fully functional node application that uses Express to run a web application. Connect to a MongoDB and using Node allow the frontend web application to access the Database items, full CRUD interaction.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| jQuery Image Slider Project JavaScript HTML CSS Carousel | https://www.udemy.com/course/jquery-image-slider/ | Explore how to create an image slider for your web pages with jQuery Image Carousel component rotate images on intervals | <p>Explore how to create a<strong> dynamic image carousel component </strong>from scratch <strong>using HTML CSS JS and jQuery. </strong></p><p>Challenges and tasks for project at the end of each lesson – code alongside the lessons to develop your own Image Slider. <strong> Source Code included</strong> – Downloadable <strong>PDF resource Guide Included.</strong></p><ul><li><p>Section setup details and info for starting the project – resource and websites.</p></li><li><p>Create an array of Image Paths used to output images to the Page. Explore how to setup a testing array of placeholder images, customize the images and generate a useful array of content for your page.</p></li><li><p>Random Image Colors function adding colorful images to the web page. Using JavaScript String methods create random hex color value generator.</p></li><li><p>How to Add CSS Styling to jQuery Image Slider Project Make it look nice – setup the images to stack and position images to prepare for jQuery Coding. Create visible images output to page and setup CSS.</p></li><li><p>Adding and removing element classes with jQuery. Setting Interval moving slides Using selection of active elements – to update and remove classes adding new active class to the new sibling element using jQuery Code. Setting Interval moving slides.</p></li><li><p>Add Control Button Options for user event listeners and controls of slider. Adding buttons for user interaction so that the user can control movement of slides to next and previous images. User interaction and event listeners with jQuery. Move to next slide on click.</p></li><li><p>Update Intervals reset timer of interval on user interaction. Debug the jQuery project update and reset the interval timer to restart with counters once a user interacts with the slider controls.</p></li><li><p>jQuery slider Image Carousel Project Review code updates and debugging. Final code review and updates to clean the code and update styling.</p></li></ul><p>Source Code is included</p><p><strong>Taught by an instructor with over 20 years of web development experience ready to help you learn more about JavaScript</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript DOM Games course for Beginners Get started Coding | https://www.udemy.com/course/modern-javascript-dom/ | Create Interactive and Dynamic Web Page content with JavaScript DOM manipulation All JavaScript Document Object Model | <p><strong>JavaScript Explore what you can do with the Document Object Model making your web pages come to life!!!</strong></p><p><strong>The DOM is an object-oriented representation of the web page, which can be modified with JavaScript to Create Interactive and Dynamic Web Content</strong></p><ul><li><p>Select elements from the page</p></li><li><p>Update Elements on the Page</p></li><li><p>Apply Styling to the style attribute</p></li><li><p>Track user interactions with Click events and keyboard events</p></li><li><p>Move and manipulate page elements with JavaScript</p></li></ul><p>Upcoming lessons will show you how – to make you web pages come to life</p><p>Creating a basic game project – where the player can move a page element using the keyboard. Also create new page elements – and automatically have new page elements added to the page when conditions are met. Creating a dynamic and interactive game that detects element collision and adds to the score. Move your element to hit the other elements on the page, score and see how new elements are created with a max number in from the code. Basic JavaScript Game structure that can be extended upon to build your own games and more.</p><p>Source Code is included – Step by step PDF guide and more.</p><p>Selection of page elements into JavaScript – select single or multiple Page elements with QuerySelector</p><p><strong>Course Covers</strong></p><ol><li><p><strong>Web Dev Setup Coding IDE and Resources </strong>- links and resources to setup introduction to course content.</p></li><li><p><strong>JavaScript DOM Document Object Model Introduction to Selection </strong>JavaScript element selection and manipulation of the text content. Selection of page elements into JavaScript – select single or multiple Page elements with QuerySelector</p></li><li><p><strong>Element Style Manipulation with JavaScript Update Color and Background Color – </strong>Update manipulate the Element Style properties and add click events with JavaScript Event Listeners. Create a mini project that updates the element background color when it is clicked.</p></li><li><p><strong>Update Element Position Using JavaScript </strong>- Move elements on the page update the element style left and top values with JavaScript. </p></li><li><p><strong>AnimationFrames with JavaScript and KeyBoard EventListeners Movement </strong>- Use of AnimationFrames to have smooth continuous movement of elements on the page. Adding keyboard key presses to move element according to keypress event listeners. Update element position with JavaScript.</p></li><li><p><strong>Create Element using JavaScript and Randomly Place within Page Container Div </strong>Make new elements with JavaScript – using document create Element method to dynamically generate elements and add them to the HTML page.</p></li><li><p><strong>Move element Randomly make clickable </strong>Make new elements clickable and randomly move on the page. </p></li><li><p><strong>Collision Detection with JavaScript elements</strong> Add options to check collision between page elements. Check top to bottom element dimensions and left to right comparing to detect if there is overlap. If overlap happens, track as a collision. Add the collision check to the JavaScript project checking for any collision between page elements.</p></li><li><p><strong>Scoring and Game Development with JavaScript Page Elements</strong> Adding scoring to the gameplay – create gameplay and allow the user to progress in the game. Game design and game concepts and how to apply it with JavaScript.</p></li><li><p><strong>Final Gameplay of JavaScript DOM project </strong></p></li></ol><p>Source Code is included</p><p><strong>Taught by an instructor with over 20 years of web development experience ready to help you learn more about JavaScript</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript DOM Projects InterActive Dynamic WebPages Games | https://www.udemy.com/course/javascript-dom-js/ | JavaScript DOM makes your web pages interactive and dynamic update page elements add event listeners create Games JS DOM | <p><strong>Learn JavaScript DOM – This JavaScript Course will provide Java Script Essentials so that you can explore and learn more about JS JavaScript. Complete JavaScript course covers ES6 and modern JavaScript coding.</strong></p><p><strong>Bring your web pages to life with JavaScript – access the browser document object – select and update the elements on the page!</strong></p><p>Learn more about how to create dynamic web pages – connect with the DOM -> Update and manipulate page elements</p><p>Covering the common methods and properties that JavaScript uses to select elements from the web page and apply changes with code. Fine tune your JavaScript Skills while creating fun interactive projects.</p><p>- Challenges at the end of each lesson.</p><p>- Modern JavaScript coding and examples</p><p>- PDF resource and code guides in every section</p><p>- Examples and how to apply logic to create the interactions you want</p><p>- practice and learn more about the DOM while creating fun games</p><p>- Unique projects to grow your skills – you won’t find these anywhere else!!!</p><p>- Content professionally designed to help focus your learning improve your skills </p><p>- Add and expand your portfolio</p><p>Source code is included – step by step learning on how to apply JavaScript to make thing happen</p><p>JavaScript and the DOM - learning objectives to get you coding!!!</p><p>Professional instructor with over 20 years of JavaScript experience ready to help you learn and answer any questions you have.</p><p>Covering the <strong>core code examples to interact with the DOM</strong> +++++ <strong>3 AWESOME JAVASCRIPT DOM PROJECTS</strong></p><ol><li><p><strong>Build an interactive game – </strong>generate a responsive grid with JavaScript and CSS Grid.</p></li><li><p><strong>JavaScript Slot machine</strong> with real element movement and tracking of element values. Build with dynamic global game object that you can adjust to change the game dynamics</p></li><li><p><strong>JavaScript DOM Frogger game </strong>- Classes and how to track classes, update and check if element contain classes. Logic for gameplay and how to create complete game from start to finish. Game Grid and design.</p></li></ol><p>The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory. </p><p>The DOM represents a document with a logical tree. Each branch of the tree ends in a node, and each node contains objects. DOM methods allow programmatic access to the tree. With them, you can change the document’s structure, style, or content.</p><p><strong>Complete Introduction to the DOM and how to access page elements with JavaScript Code</strong></p><ul><li><p>How to write JavaScript editor used in the course and resources for lessons. Resources for writing code and for the upcoming lessons. Code editor used in the course</p></li><li><p>How to select all matching page elements with JavaScript QuerySelectorAll. DOM examples and how the DOM relates to JavaScript Code. Mini JavaScript Object with nested objects to illustrate a simple example of the DOM element tree. Update and selection of page elements using querySelector and querySelectorAll to select web page elements and update the value of the object. Select the element and manipulate the contents with textContent property value.</p></li><li><p>Web Page Element Style Attribute Update with JavaScript. Page element style values within style property of the element. Select an element and update the style values, get and set Attributes of the page element.</p></li><li><p>Attributes ClassList Add Remove Toggle Contains within class of page element. Explore how to select and update the element attributes, add new attributes and get contents of existing attributes. Useful classlist methods to toggle existing class, add and remove classes and check if the class exists on an element returning boolean value.</p></li><li><p>Add HTML to Page with JavaScript Code innerHTML property of web page elements. Select a page element with JavaScript – create page elements with loop from JavaScript to create multiple elements on the page. Add HTML to the page elements with innerHTML property value. Setting hyperlink attribute to have target blank, selecting all hyperlinks on page. Creating images with img elements as html code for page. Generate a random color with JavaScript string method. Lesson also includes a challenge to add html to a parent element and then select the new elements with JavaScript.</p></li><li><p>JavaScript to Create new page elements and Remove Elements. Use of createElement method to generate new page elements with JavaScript Code. Append Prepend AppendChild to parent Element methods of adding page elements to page. JavaScript insertBefore to add within an element and get the callback value. Coding Challenge to create multiple image elements adding images and properties with JavaScript Code.</p></li><li><p>JavaScript Traversing the DOM parents siblings children of elements. Navigate the DOM tree, select a starting element and move to its related elements with JavaScript Code. Select element parent object, get list of elements children and child nodes. Select an element get the first last and siblings related to the current element. Move to the next element and update the element.</p></li><li><p>Click Events and Event Listeners with JavaScript. Create interactive page elements that can be clicked to run blocks of code. User actions to trigger code blocks with JavaScript. How to setup click only once, addEventListeners and removeEventListeners. Create custom object property values. Update elements dynamically with code.</p></li><li><p>How to add Mouse Event Listeners with JavaScript code. Common mouse events to page elements, on mouse over movement and other actions. Create events with mouse actions and how to track the events, what the difference is between mouse over and mouse out.</p></li><li><p>Events Listeners Keyboard Events with JavaScript Code. Track keyboard events, get key values and how events can be attached to input fields. Focus and Blur on input fields running events and JavaScript Code. Keyup and KeyDown events tracking arrow presses on keyboard.</p></li><li><p>How to Move an Element with Arrow presses on Keyboard using JavaScript. Coding exercise with JavaScript and keyboard events. Track arrow key presses and update the element position on the page. Key press to move element on screen using JavaScript.</p></li></ul><p><strong>JavaScript Element Clicker Game CSS grid JavaScript Dynamic Grid</strong></p><ul><li><p>Objective of this section is to create a dynamic fully responsive Game Grid – that can be interacted with and updated using javaScript. Game with dynamic Fully responsive Grid using JavaScript and CSS Grid.</p></li><li><p>JavaScript Game Clicker Project Introduction. Introduce the JavaScript Game created in the upcoming lessons. Set the game and demo the final game project.</p></li><li><p>Setup of HTML Web Page and JavaScript Code. Setup of page structure for the JavaScript Game. Using HTML and setup CSS to prep for Dynamic Elements with JavaScript.</p></li><li><p>Create a Responsive Dynamic Grid using JavaScript. Use JavaScript to generate a grid that is fully responsive and ready for gameplay elements. Create main container element and grid items.</p></li><li><p>WebPage Elements into Array with JavaScript. As you create the elements with JavaScript track them into a Global Array that can be used to easily select the elements and create interactions. This can be used to select elements by index value.</p></li><li><p>Add Event Listeners make Elements Clickable. Create interactions with page elements and user. Click elements and track click events on elements with JavaScript.</p></li><li><p>JavaScript Code updates tweaks for counters. Update the element counters removing the timeout function call and adding counters on each element object. Add variables to elements using JavaScript.</p></li><li><p>JavaScript Game Scoring and GamePlay Updates improvements. Adding more gameplay – with scoring and better visuals for the player. Use JavaScript to update hits and misses counter and display to the player. Add game difficulty option to increase play dynamically adjusting the game with changes in the main global parameters.</p></li><li><p>JavaScript Game Clickers Code Review. High level overview of game code and the functions used to create the JavaScript game. Updated and options for gameplay. Full code review of JavaScript Game.</p></li></ul><p><strong>JavaScript Slot Machine coding project Dynamic Interactive JavaScript DOM project</strong></p><ul><li><p>Explore how you can create elements have user interactions and trigger visual events making your web pages come to life.</p></li><li><p>Project Setup create HTML and JavaScript files. Setup html file prep to add JavaScript coding. Create HTML game container element, link to JavaScript source files. Select main output element using JavaScript.</p></li><li><p>Project Setup create HTML and JavaScript files. Setup html file prep to add JavaScript coding. Create HTML game container element, link to JavaScript source files. Select main output element using JavaScript.</p></li><li><p>JavaScript SlotMachine create interactive Button. Setup of HTML Web Page and JavaScript Code. Select main container element, add button for interaction. Allow user to toggle button content and select and invoke function on button click action. Setup of core Global Game properties to make the application dynamically adjust with new game object values. Append elements to the page with JavaScript. Create elements with JavaScript. Add event listeners to elements with JavaScript.</p></li><li><p>Create Game Elements JavaScript Apply CSS. Add and update the toggle of the clickable button element. Invoke a JavaScript function on click. Use of DOMContentLoaded event to build game board once the DOM is loaded and ready to use. Get document body properties to use values within the JavaScript code document.body.clientWidth. Create element maker function to generate elements within the JavaScript code, add and append new element to the parent, add a class, element tag, and html content within the element.</p></li><li><p>Update CSS styling to set dynamically created elements on page. Adding CSS to position elements, set widths and heights to set the content on the page by applying classes with JavaScript to the newly created page elements.</p></li><li><p>JavaScript adding animation frame to create smooth movement of elements. The window.requestAnimationFrame() method tells the browser that you wish to perform an animation and requests that the browser calls a specified function to update an animation before the next repaint. The method takes a callback as an argument to be invoked before the repaint. Add animation frames that can be added and removed with a global object.</p></li><li><p>Movement of Slot Wheels with JavaScript Page element style updates. Update the position of the element on the page, move the elements restack the order of elements within a parent element. Getting element property values to use within the code to update position. offsetTop with JavaScript. Conditions and calculations to manipulate element style positions top and left to create animation of elements with JavaScript code.</p></li><li><p>JavaScript Game Movement debugging and Fixes. JavaScript Game movement and debugging. How to troubleshoot your JavaScript game application and how to create and optimize gameplay. Update the game area styling with CSS. Adding and removing classes from JavaScript objects. Game playthrough and updates in element positions, style properties done with JavaScript.</p></li><li><p>Movement and Game Results Setting Conditions for win JavaScript. Final spin results and retrieving the values of the output results. Comparison functions and setting up win conditions for JavaScript Game Object. JavaScript</p></li><li><p>JavaScript Slot Machine Win Conditions and payout for matches. How to create a final tally object that can be used to calculate the final results for the player. Track matches and number of occurrences to be able to apply calculations on win.</p></li><li><p>JavaScript Slot Machine Final Code Tweaks and Updates. Improvement of visuals, testing of game play to ensure proper functionality. Update to the global game object values to test dynamic content and game play. Adding of icons for more appealing game visuals, use fo colors to add more appeal to game play.</p></li></ul><p><strong>JavaScript DOM frogger game Project</strong></p><ul><li><p>Practice updating and manipulating web page elements while creating a fun interactive game using JavaScript and the DOM. All gameplay is DOM based and can be used and reused to get more familiar with how the DOM works and how you can create interactive and dynamic Web Pages.</p></li><li><p>JavaScript Game Setup Add Elements and create core files. Info setup index and files. Prepare and plan main elements for gameplay. Setup CSS and use of querySelector to select Game Play Area element.</p></li><li><p>How to Create a Dynamic Element Grid JavaScript CSS Game Grid. Using JavaScript to generate elements grid using CSS grid. Add Rows and Columns to the dynamic fully responsive game grid. Setup of game board and game play area.</p></li><li><p>How to move element class with Keyboard events Arrow Keys move element JavaScript Example. Add movement to the game character with event listeners. Listen for arrow key presses and track user actions to player element on the screen. Move class of main character across board.</p></li><li><p>Player Movement with JavaScript Smooth movement animations. Adding smooth movement and animation frame in JavaScript. Animation frames to call functions creating animations of elements on the web page. User keyboard clicks to element page movement.</p></li><li><p>JavaScript Game Objects Background Design adding colors. Update and build JavaScript Frogger gameboard. Add roads and water classes to elements. Check if the frogger is on the safe final block. Use of classList to check which element contains specific classes needed for JavaScript Game</p></li><li><p>JavaScript Game Obstacles added logs and cars. Add interactive items on JavaScript Gameboard. Create elements with classes added to represent the obstacles that will be moving. Create visuals for game play add elements that the player can interact with.</p></li><li><p>JavaScript Game Object Movement of Classes motion and interaction. Selecting and updating classes in Game Animation. Creating gameplay and interactive obstacles that can move automatically on the screen. Update element classes and create motion of elements for the player within the JavaScript Frogger Game. Update game to have option for speed values to increase and decrease game speed.</p></li><li><p>JavaScript Frogger GamePlay Fixes Updates. Play the game and test to debug. Create and catch areas to improve the gameplay and increase game functionality. Use of classlist to detect classes on elements. Setup to start and stop gameplay for game debugging and help with game calculations.</p></li><li><p>Frogger Game Debugging with JavaScript and game updates. Play and check of game conditions, apply game logic to help move player through game. Add movement of frogger on log update of key presses for more responsive key actions and tracking of key events.</p></li><li><p>JavaScript Game Play Design and Improvements add images and graphics. Adding images to increase game play appeal. Update with CSS and JavaScript code. Game testing and debugging methods. Adding visual to game, adjustment of global game values to dynamically change gameplay.</p></li><li><p>Complete JavaScript Frogger Game Code Review. Overview of coding and game design points.</p></li></ul><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Spreadsheet Data API Apps Script Code JSON JavaScript | https://www.udemy.com/course/sheet-as-json/ | How to use Data in a Google Sheet to output as JSON for your website sharing Google Sheets as JSON get data with AJAX | <p><strong>Explore how you can output and share Google Sheets Content as JSON in a Web app with Apps Script Code</strong></p><p><strong><em>****** IF YOU HAVE NOT CODED BEFORE DO NOT TAKE THIS COURSE ******* PLEASE READ THE PREREQUISITES BEFORE JOINING!!!</em></strong></p><p><strong><em>JavaScript and Google Apps Script as the backend code to use a Google Spreadsheet as a Data source for your website. </em></strong></p><p>Create a Google Sheets Spreadsheet in your Google Account – Add some data and then output it as JSON which can be retrieved via fetch request to your WebSite. Source Code is included so you can build your own version of the application. </p><ul><li><p>Creating a spreadsheet with data – making the JSON object dynamic</p></li><li><p>How to output your sheet data as an array in a web app endpoint doGet() method for webapp</p></li><li><p>Restructure your JSON object with JavaScript object properties values coming dynamically from the sheet headers</p></li><li><p>Iterate through the sheet rows of content and assign row values into the data object to output JSON for API endpoint</p></li><li><p>Use of JavaScript Fetch to get data JavaScript Connection using Fetch</p></li><li><p>JavaScript Fetch JSON sheet data from web app URL and output it in the console</p></li><li><p>Use JavaScript to output JSON data to webpage </p></li><li><p>Adding click event buttons Interactive Page Buttons JavaScript – to send info from webpage to Google Sheet</p></li><li><p>Using Apps Script POST data from WebPage to Sheet using doPost() method</p></li><li><p>Apps Script Add Post Data to Sheet connecting the data JSON</p></li><li><p>Explore how to use Google Apps Script IDE to debug and troubleshoot application</p></li><li><p>Use of JavaScript Fetch and formData methods</p></li><li><p>Common CORS issues with Google Apps Web Apps – how to troubleshoot and debug</p></li><li><p>Use of Logger to log values and text functions to text Google Apps Script</p></li></ul><p>Taught by a <strong>Google Developer Expert </strong>with many years of<strong> Application development Experience </strong>ready to help you learn and answer any questions you may have</p><p>What are you waiting for join now and see what AMAZING projects<strong> YOU can create within Google apps Script and JavaScript</strong></p><p>New Course – Use Google Sheets data on your WEBSITE – create JSON from Sheets data and connect using Fetch – POST updates to Sheet from your WEBSITE</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Dynamic Web Pages AJAX 30 Projects APIs JSON | https://www.udemy.com/course/ajax-json/ | JavaScript projects explore JavaScript to connect to APIs retrieve JSON data with AJAX use it within your web page | <p>Full Stack JavaScript coding course – build your own Java Script Projects with Vanilla JavaScript and DOM interaction.</p><p>One of the MOST common questions I get is using AJAX making requests to the server and returning JSON data outputting it to a web Page. Here it is THE MOST asked for course content with over 30 Projects to build your skills with AJAX and JavaScript DOM manipulation. This is a unique course loaded with modern JavaScript content – coding examples and challenges in almost every lesson!!! Also includes a 100+ Page PDF AJAX JavaScript Guide.</p><p>Perfect to do over 30 days or faster. Fun unique projects that will AMAZE you and help you learn updating skills with AJAX. Explore how YOU can create Dynamic and Interactive Web content with data loaded from an API.</p><p>Please note this is a fast paced course with prerequisites – it demonstrates how to use and apply JavaScript to connect with various endpoints, make requests and return JSON formatted data demonstrated in interactive fun projects. Prior coding experience is required as lessons focus on applying necessary JavaScript functions to create interactions and dynamic content. There will be a focus on DOM based coding and use of JSON and JavaScript Objects. </p><p><strong>Taught by an instructor with over 20 years of Web Development experience ready to help you learn more about JavaScript. </strong></p><ol><li><p>Create a dynamic list JSON LocalStorage List – project #1 Create an interactive List that gets JSON data from a json file and generates a list. Using JavaScript create page elements, add event listeners for user interactive content. Store JSON data as a string to local storage and load JSON list as a JavaScript Object on Page load. Create a dynamic list for users to add and remove list items, check list items off as completed.</p></li><li><p>Create AJAX to Simple JSON file and get JSON with JavaScript – project #2 Practice coding creates AJAX requests to local JSON files – Create a JSON file valid JSON to JavaScript Object. Load local JSON file data and use it with JavaScript to create page content. Add user event listener to trigger AJAX request using JavaScript Fetch method.</p></li><li><p>AJAX to get JSON data from Wiki API – project #3 Using JavaScript Connect to an API endpoint get Wiki Data and update JavaScript create and update Page content with JSON data. JSON data from wikipedia API – using modern javascript fetch make a request to the wikipedia endpoint – return response JSON. Custom request parameters from user input field. Generate page content using JavaScript DOM.</p></li><li><p>JSON from WikiMap API examples with JavaScript Code – project #4 Explore how to connect to WikiMap API to get JSON data to update and manipulate page contents using JavaScript. Coding example of practice project to learn more and explore more about connecting to APIs and how to use JavaScript Fetch to get JSON data and output to the web pages.</p></li><li><p>Multiple Endpoint Loading JSON data Tester – project #5 Explore connecting to various JSON endpoints – test JSON data to Page content with JavaScript. Using interactive JavaScript web pages to select and make AJAX requests to various endpoints and outputting the JSON data as content to web pages.</p></li><li><p>Generate Random User Data Output to Page AJAX and JS Random User API 5 – project #6 Create an interactive Dynamic application that connects to random user API generates pages content depending on user selection. Fully interactive web application using AJAX requests from user page selections – get JSON data and output to yoru web pages with JavaScript Code. Fetch request methods – use of interactive coding to API and customizing the request parameters and request URL from HTML input fields on the webpage.</p></li><li><p>Weather Data App with API JSON data – project #7 Connecting to a weather API to output data with user input values. Create custom query requests to get back JSON data to use on your webpage. AJAX to weather endpoint with page element creation using JavaScript.</p></li><li><p>Jokes API get fun Jokes for Web Page Content – project #8 Connect to the Chuck Norris open Joke API – get Jokes – Get Category list – return joke data from user selected categories and more. User interactive Dynamic content with JavaScript AJAX requests.</p></li><li><p>Interactive App with Star Wars Data – project #9 Create a fully interactive web application that dynamically loads Star Wars data from an Open API source. Return JSON data and output the data object with JavaScript to your webpage.</p></li><li><p>Dynamic Data driven Trivia DataBase Game – project #10 Create a fully functional Trivia game, track game progress, let the user select the number of questions, difficulty and category. Load the data from a JSON endpoint. Output page contents from JSON data. Users can interact and make selections and JavaScript makes the AJAX requests to load requested data for the user. Game functions adding gameplay with scoring and ability to play unlimited rounds of Trivia Questions all dynamically loaded with AJAX.</p></li><li><p>Stackexchange API tester Request JSON – project #11 Massive API loaded with data and request URL – perfect to practice and get more familiar with complex JSON data – multiple routes for request URLs and loading JSON data to web pages with JavaScript Coding. Explore how you can connect to the Stackexchange API and Request JSON Data to test and build interactive web applications that are data driven and fully dynamic with JavaScript Code. This API has a lot of data and great to familiarize yourself with making AJAX requests with fetch method in JavaScript, Getting JSON data to use within JavaScript Code, Create your own JavaScript code examples of AJAX requests and using JavaSCript to create interactive web page content.</p></li><li><p>Select Country Data from API – project #12 Connect to a countries API that lists over 250 countries with a complex JSON object rich with data including objects and image paths and arrays. Chunk page data into multiple pages allowing the user to select and interact with JSON data content.</p></li><li><p>User Search Country by Name get JSON data – project #13 Dynamic and interactive page content with JavaScript – loading JSON data into JavaScript coding objects and outputting and creating page element content with JavaScript DOM.</p></li><li><p>Introduction to JavaScript Quiz Game Project – project #14 Create a fully interactive quiz game using JavaScript with JSON data from server endpoint. Connect to an API – return back response data to generate the quiz game using the values from the data. Build interactive content track progress randomize question options. Use JavaScript DOM manipulation to select, create and update page elements. Check correct answers, score the player, build the gameplay loading dynamically from the JSON data. Load the content from a Google Sheet – create the full gameplay which can customize the questions and create the JavaScript game progress all using the JSON data. Output the game progress report to the player as a downloadable text file.</p></li><li><p>Creating a Joke Generating Web page from JSON data – project #15 Explore how to connect to an api with limited requests per hour. Build the app in less than 10 requests. Get JSON data – output as JavaScript object create page content from data.</p></li><li><p> Project multiple endpoints for JSON data user selected content. – project #16 Using an array data of items, connect to different endpoints, allowing the user to select the content they want to load. Dynamically create a user interaction list of urls and allow user to interact and output the selected content.</p></li><li><p>Project connecting to the Github API loading JSON data – project #17 Create a dynamic interactive web user interface connecting to Github data and allowing the user to load selected content. Page content is interactive and content is driven from JSON data provided by the GitHub API.</p></li><li><p>Generate interactive Game with Dynamic Wordlist – project #18 Loading game data dynamically from a Google Sheet. How to share Google Sheet data for web applications. Create a word Scramble game from scratch that loads word lists from shared Google Sheet docs. Create a word list – load the sheet data into your JavaScript application to generate Scramble Words Game. Loading game data dynamically from a Google Sheet. How to share Google Sheet data for web applications. Complete review of JavaScript Scramble Game with full dynamic gameplay coming from a dynamically generated wordlist which is requested via AJAX and returned as JSON to the web application.</p></li><li><p>Quiz Game with JavaScript and AJAX – project #19 Explore how to set up a quiz game which is flexible and dynamically generated content from JSON data. Connect to an API load JSON data and output with JavaScript to the DOM web page. Creating an interactive web game with dynamically loaded AJAX content. JavaScript Game Project with data driven dynamically from an API endpoint. Using JavaScript creates the web application making it fully dynamic and adjustable with content. Explore how to set up a quiz game which is flexible and dynamically generated content from JSON data. Connect to an API load JSON data and output with JavaScript to the DOM web page. Creating an interactive web game with dynamically loaded AJAX content.</p></li><li><p>YouTube Search API with JavaScript Connect to API – project #20 Setup and connect to the YouTube api to search and get YouTube Data into your webpage. Dynamically create your webpage from JSON content coming from the YouTube API. Create interactive clickable content that loads from the user selection data. Use JavaScript to create a fully functional YouTube interactive web application.</p></li><li><p>Frontend API Tester connecting to Endpoints – project #21 How to make JavaScript fetch requests and return JSON data from various endpoints. Test and make interactive content that is data driven from JSON data and dynamically generate the page content with JavaScript. DOM page manipulation with JavaScript Coding.</p></li><li><p>Get and POST Tester API JSON JavaScript – project #22 Using user input data select content from API. Send data to the server with AJAX using JavaScript fetch both with GET and POST methods. Handle response JSON data from the server endpoint – output and generate response to the user. Get input field and form data to practice sending requests to testing endpoint which can handle both POST and GET methods returning the simulated data as a JSON object.</p></li><li><p>Form Submission with JavaScript fetch JSON data – project #23 Create an HTML form – submit the form input contents with AJAX to the server. Using formData create JSON from contents and send to the endpoint. Simulate form submissions with JavaScript and AJAX using GET and POST methods. Provide user detailed response and page content output from submission.</p></li><li><p>JSON placeholder tester JSON JavaScript – project #24 JSON placeholder testing sending data to test server and retrieving response object as JSON. Output JSON response to the web page with JavaScript. JavaScript DOM setup and manipulate page elements outputs content dynamically using JavaScript DOM element manipulation. Great mini JavaScript and AJAX coding project to explore JSON and API sending fetch requests to a placeholder testing API.</p></li><li><p>Dynamic Content interactive CRUD tester Part 1 – project #25 Select JSON data and output to the page. Create user interaction options to create, read, update, and delete (CRUD) server side data within the testing environment. Select item by id value from server return to page. List all available posts from server output to page. Allow users to select items by id and update the content, create JSON objects to send to the server and using PUT method add to server data. Create new items for the database. Delete post item by id with user selection. Update and customize output for user from JSON data. Using JavaScript DOM manipulation update and build dashboard of dynamic content coming from the testing Server data.</p></li><li><p>GitHub json database custom JSON endpoint – project #26 Connect to the Massive GitHub API – create user search apply generating customized request URL with JavaScript Code. Use JavaScript to make the AJAX request for JSON data. Output and update page elements with Data from the server. Show and display JSON data values from GitHub API. Explore connecting and testing making requests to eh server output contents to the web pages with JavaScript DOM coding. Web page development and dynamic web page content. Interactive and user selected JavaScript created content driven by JSON data from the API.</p></li><li><p> Setup JSON Local Server with Node NPM – project #27 Step by step guide setup your own local testing server. Practice JavaScript AJAX requests to local data. Create your own JSON data -return data locally from json db file. Perfect for testing and exploring making requests to your own customized JSON data endpoint.</p></li><li><p>Connect to Local Server Get and Post Requests with Fetch – project #28 Practice connecting to JSON data locally. Setup your own JSON data using JavaScript to connect to the local JSON data and output it to your testing dev app. Javascript local web developer environment setup and practice environment. Get JSON data use JavaScript to update page elements. Practice connecting and making POST and GET requests to local JSON server using a json.db file located locally. Create page elements with JavaScript using Data returned from JSON data object.</p></li><li><p>Connect to Local Server Put and Delete Requests with Fetch project #29 Practice connecting and making PUT and DELETE requests to local JSON server using a json.db file located locally. Create page elements with JavaScript using Data returned from JSON data object. Update Manipulate JSON local data simulating Database requests to the backend code.</p></li><li><p>JavaScript AJAX web contact form sending Emails with Apps Script project #30 How to send an email from client side code AJAX Contact form submit data to Google Sheet and Send emails from Google Apps Script MailApp Service. Create your own custom fully functional web contact form that sends emails, tracks form content into a spreadsheet. Setup your own endpoint using Google Apps Script and creating a fully functional web app. Send POST request from your web page using AJAX and JavaScript fetch – create JSON structure of web form data from inputs. Get web page form fields, create JSON object.</p></li></ol><p>AJAX allows you to communicate with the server, exchange data and update the page without having to refresh the page.</p><ul><li><p>The two major features of AJAX allow you to do the following:</p></li><li><p>Make requests to the server without reloading the page</p></li><li><p>Receive and work with data from the server</p></li></ul><p>Course is loaded with 30 Projects to help you learn and practice connecting to endpoints, returning JSON data, making fetch requests, using JSON data with JavaScript to create Page content, explore GET POST PUT and DELETE (CRUD create, read, update, and delete are the four basic functions of persistent storage) with JavaScript AJAX</p><p>Select, create manipulate page elements with Modern JavaScript code – make things happen. Create Interactive and fully dynamic web applications driven by JSON data. Get user selections, make the AJAX request from the user select and output to the web page using JavaScript Code.</p><p>Explore how to make fun interactive projects to make AJAX requests coming from page data and output the content to the page. Dynamic Page elements generated from AJAX requests to endpoints and return JSON data and use it within JavaScript to update and manipulate DOM page elements. Create Games, Get JSON data and let users explore the data. Dynamically generate page content with JavaScript.</p><p>Connect to web endpoints – get JSON data and output that content into your web page with JavaScript </p><p>AJAX practice mini projects to help you learn more about JSON data – making fetch requests – debugging and more.</p><p>Source Code is included – mini projects are designed to help practice and learn more about AJAX and how you can use it to create content and update web pages.</p><p>Take your web content to the next level – Bring your WEB Page to LIFE!!!! Allow your users to interact with—the new information via JavaScript seamlessly displaying the updated content.</p><p>Massive JavaScript AJAX Course – with 30 customized learning projects ready to help you learn and expand your portfolio. If you want to create DYNAMIC and INTERACTIVE web pages this is the course for YOU!!!</p><p><br></p><p>This course will demonstrate how to incorporate it into your projects – creating games, getting Sheet data, getting server JSON data via an API. Loaded with testing apps to get the most out of AJAX. Taught by an instructor with over 20 years of real world experience ready to help you learn and explore AJAX – This is a unique course with content you will not find anywhere else. Join Today Code Now.</p><p>Create asynchronous web applications – On the client side retrieves data from the server in the background NO PAGE reloads – just modern interactive web content. Ajax allows web pages and web applications to change the content dynamically without reloading the entire page. Modern JavaScript coding using fetch for GET POST PUT and DELETE methods. Ajax is not a new technology, or a different language, just existing technologies used in new ways. It is a set of web development techniques working together to create a smooth user experience – interacting with server JSON data. </p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Guide to the New IDE Google WorkSpace | https://www.udemy.com/course/google-apps-script-ide/ | Explore the new Google Apps Script IDE new features to rapidly developer Code for Google Services | <p>Google Apps Script – Quick introduction to writing code with the Google Apps Script IDE – online code editor</p><p>New features as well as how to use the Google Apps Script Editor</p><p>Create Google Code – application development in the Google Workspace platform.</p><p>Google Apps Script is based on JavaScript – if you can write JavaScript Code then you can write code connecting Google workspace Services to increase productivity and automation. Power up your Google Docs, Google Sheets, Google Slides, Google Drive, Gmail and others</p><p>Apps Script is a rapid application development platform that makes it fast and easy to create business applications that integrate with G Suite.</p><ul><li><p>Quick start guide to getting started coding Google Apps Script</p></li><li><p>How to create Google Apps Script Projects Standalone and Bound Script projects</p></li><li><p>Code examples of Google Apps Script</p></li><li><p>Google WorkSpace Services Examples of Apps Script Code in Action</p></li><li><p>Brief document and helpful resources for coding Google Apps Script</p></li><li><p>Navigate the Google Apps Script Editor IDE online</p></li><li><p>Debugging tips and resources how to debug Google Apps Script Code</p></li><li><p>How to Autocomplete Apps Script Code making coding easier suggestions and tips</p></li><li><p>Options in the IDE for triggers and logs Menu LeftSide Nav Apps Script</p></li><li><p>Using Apps Script Libraries and Services</p></li><li><p>How to create an Apps Script Project Library Deploy Library Apps Script.</p></li><li><p>How to deploy a webapp with Apps Script doGet Apps Script Web App Deploy.</p></li><li><p>More advanced options and customization options Apps Script IDE Features</p></li><li><p>Code examples and source code included</p></li></ul><p>Taught by a <strong>Google Developer Expert </strong>with many years of<strong> Application development Experience </strong>ready to help you learn and answer any questions you may have</p><p>What are you waiting for join now and see what AMAZING projects<strong> YOU can create within Google Services.</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Projects JS Dynamic interactive DOM elements | https://www.udemy.com/course/javascript-mini-projects/ | Perfect to practice and learn more about JavaScript and DOM interactions create useful components and more | <p><strong>Practice and learn more about JavaScript as you create 5 amazing projects all with Vanilla JavaScript</strong></p><p>Explore and sharpen your skills with Mini projects that you can extend upon to create some amazing functionality and interactions for web users. Add them to your portfolio have fun while you learn.</p><p><strong>Challenge yourself and design your own versions</strong></p><p><em>Source code is included to get you started.</em></p><p><strong>Perfect for Beginner and intermediate web developers that want to build fun and useful projects with HTML, CSS & JavaScript.</strong></p><p>These are unique coding mini projects you won’t find anywhere else.</p><p><strong><em>Sharpen your HTML, CSS & JavaScript skills with these projects.</em></strong></p><p><strong>Project #1 JavaScript Lorem ipsum generator </strong></p><ul><li><p>Adding EventListeners</p></li><li><p>DOMContentLoaded when page loads</p></li><li><p>String methods like toUpperCase()</p></li><li><p>Conditions and Loops (for loops and while)</p></li><li><p>JavaScript Math method – random()</p></li><li><p>DOM document createElement(), append(), querySelector()</p></li><li><p>Array methods sort()</p></li></ul><p><strong>Project #2 Pagination from JSON data multiple pages and content loading app</strong></p><ul><li><p>Adding EventListeners for interaction</p></li><li><p>DOMContentLoaded when page loads</p></li><li><p>Ternary operator</p></li><li><p>Fetch method</p></li><li><p>JSON data – as JavaScript Objects</p></li><li><p>DOM document createElement(), append(), querySelector() – elements innerHTML and textContent</p></li><li><p>DOM disable buttons – classList.add() </p></li><li><p>Create HTML elements and create interactive content dynamically</p></li></ul><p><strong>Project #3 JavaScript Carousel Images Slider Component</strong></p><ul><li><p>Change Content on the page with Intervals setInterval()</p></li><li><p>Select and manipulate DOM page elements with JavaScript querySelector() classList.add() append() remove()</p></li><li><p>Create interactive Page content – addEventListener()</p></li><li><p>Practice common JavaScript Fundamental coding – forEach() push() into arrays Array.length </p></li><li><p>DOM disable buttons – classList.add() </p></li><li><p>Create HTML elements and create interactive content dynamically</p></li></ul><p><strong>Project #4 JavaScript Dynamic List builder with Download and saving of list items to localstorage.</strong></p><ul><li><p>How to generate a text file with JavaScript from string content</p></li><li><p>DOM document createElement(), append(), querySelector() – elements innerHTML and textContent</p></li><li><p>Add user interaction DOM document createElement()</p></li><li><p>Element updates to style setAttribute() style.display() </p></li><li><p>Add and remove page elements appendChild() removeChild() methods</p></li><li><p>Check element classes classList.contains()</p></li><li><p>Set element focus focus()</p></li><li><p>createTextNode() and createElement()</p></li><li><p>Save items to local Storage localStorage.setItem() localStorage.getItem()</p></li><li><p>Convert object to string JSON.stringify() convert String to Object JSON.parse()</p></li><li><p>encodeURIComponent() to create text file dynamically and set download click of hyperlink</p></li></ul><p><strong>Project #5 JavaScript Dynamic TimeLine Component </strong></p><ul><li><p>DOM document createElement(), append(), querySelector() – elements innerHTML and textContent</p></li><li><p>Move elements using Styling</p></li><li><p>Interactive Content with event listeners</p></li><li><p>Generate Page content from JSON data object</p></li><li><p>JavaScript Methods querySelector() addEventListener() forEach() classList.add() classList.remove() parseInt() Number() createElement() append()</p></li><li><p>Generate Page content randomly from string characters</p></li><li><p>Move elements on the page using Transform X</p></li><li><p>Adding styling and JavaScript for dynamic and interactive content</p><p><br></p></li><li><p><strong>—– Source Code included – build your own version of the projects —–</strong></p></li></ul><p>Taught by an instructor with over 20 years of REAL WORLD experience ready to answer any questions you may have.</p><p>You have nothing to lose – build your own version of the projects HAVE FUN – Join NOW</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Complete Course New IDE 100+ Examples | https://www.udemy.com/course/course-apps-script/ | Google Apps Script New Version Create custom functions within G Suite Docs Sheets GMail Drive Calendar and more | <p><strong>New IDE – More functions – Exciting new Course!!!!</strong></p><p><strong>Google Apps Script </strong>is a <em>rapid application development platform </em>that makes it fast and easy to create <em>business applications that integrate with Google Workspace. </em></p><ul><li><p>Code is in modern JavaScript </p></li><li><p>Access to built in libraries that can really power up your Google Workspace App</p></li><li><p>Connect Google Workspace applications like Gmail, Calendar, Drive, and more.</p></li><li><p>Interact with other Google services Calendar, Drive, Gmail, and Maps.</p></li><li><p>Nothing to install – code editor right in your browser</p></li><li><p>Your scripts run on Google’s servers</p></li><li><p>Extending Google Workspace with Add-ons</p></li><li><p>Rapid application development platform based on JavaScript that lets you create business and productivity applications quickly and easily.</p></li></ul><p>Loaded with Google Apps Script Code Examples – <strong>100s of code snippets </strong>to do amazing things with Google G Suite – Sample projects to create advanced functionality with Google Apps – Google Services</p><ul><li><p>Add custom menus, dialogs, and sidebars to Google Docs, Sheets, and Forms.</p></li><li><p>Publish web apps — either standalone or embedded in Google Sites.</p></li><li><p>Create customized user interfaces that are directly integrated into Google Workspace applications.</p></li><li><p>Boost workflow efficiency when working with Google Workspace by automating or streamlining tasks</p></li><li><p>Connect to non-Google services within Google Workspace applications, allowing you to retrieve or upload data from those services into and from Google Workspace</p></li></ul><p>Explore what you can create and how you can release<strong> functionality within your G Suite apps </strong>- Help with<strong> productivity </strong>connect Google Services together to <strong>DO EVEN MORE!!!! Based on JavaScript ES6+ now packs more power with an easier to use editor – making coding fun. </strong></p><p>Google apps script works the way you expect and need it to work – its by far my favorite coding language – if you’ve never used Apps Script before then this is something that you must try. <strong><em>Once you start writing code with apps script it will change everything. </em></strong></p><p>Google Workspace services are services that let you access the data of Google Workspace products such as Drive, Gmail, Calendar, Docs, Sheets, and others. These services are separate from APIs created for those products; in general, Google Workspace services are easier to use than Google Workspace APIs, but are optimized for only the most common use cases.</p><p>Taught by a <strong>Google Developer Expert recognized GDE </strong>- with over 20 years of Coding Experience specializing in Google Apps Script – ready to help you learn more about creating amazing things with Google Apps Script.</p><p><strong>Introduction to Getting Started with Google Apps Script</strong></p><ul><li><p>Standalone vs Bound Scripts</p></li><li><p>Script editor and Apps Script Dashboard</p></li><li><p>Writing Code creating Apps Script create a Doc with Script</p></li><li><p>What’s New with Apps Script Editor</p></li><li><p>Creating and Deploying a Webapp doGet() – HTML output in WebApp URL</p></li><li><p>Deployment of webapp Dev version and Exec Version.</p></li></ul><p><strong>Google Apps Script Sheets Spreadsheet Service Class SpreadsheetApp</strong></p><p><em>This service allows scripts to create, access, and modify Google Sheets files. Access and create Google Sheets files.</em></p><ul><li><p>How Macros work – generating Google Apps Script with Macro Recordings in Sheets</p></li><li><p>SpreadsheetApp Class – Selecting Spreadsheet to manipulate with Code</p></li><li><p>SpreadsheetApp methods SpreadsheetApp.getActiveSpreadsheet()</p></li><li><p>Selecting Sheets within a Spreadsheet – Spreadsheet object methods – Get data and contents of a Sheet into an array. sheet.getDataRange() data.getValues() sheet.getName()</p></li><li><p>Standalone script selecting a sheet by URL or ID. List sheets – update sheet names sheet.setName();</p></li><li><p>Create New Sheets on the fly with Apps Script – insertSheet()</p></li><li><p>Sheet ranges – updating the background colors of cells, selecting cells and ranges of cells. getRange() getRange(a1Notation) A1Notation the default method used for creating (and displaying) cell references to other cells. All cell addresses in A1 notation consist of a column letter and a row number</p></li><li><p>Get range by numeric row and column values. sheet.getRange(rows,cols) range.setBackground(backColor) , range.setFontColor(‘white’), range.setFontSize(mySize+cols), range.setValue(total); getRange(row, column)</p></li><li><p>MultiDimension arrays for content rows within the sheet. Get the range update content getRange(row, column, numRows, numColumns) getRange(row, column, numRows)</p></li><li><p>Debugging and Dashboard settings</p></li><li><p><strong>Sheet object common methods </strong>- getLastColumn() getLastRow()</p></li><li><p>Get Selection getSelection()</p></li><li><p><strong>Mini App -</strong> Copy Sheet Data to other part of Sheet</p></li><li><p>Get all the Data range from Sheet object sheet.getDataRange(); Returns a Range corresponding to the dimensions in which data is present.</p></li><li><p>Dialogs and custom UI buttons – UI Menu within Sheets</p></li><li><p><strong>Append Row – a</strong>dd new rows – Add row on top appendRow(rowContents)</p></li><li><p>Insert insertRows(rowIndex)</p></li><li><p><strong>Cell Formulas </strong>- spreadsheet.getRange().activate() .setFormula()</p></li><li><p>Custom Functions using the custom function Using a custom function – Is Email mini App</p></li><li><p><strong>Mini App -</strong> Copy Sheet to another new sheet</p></li><li><p><strong>Adding Notes to Cells</strong></p></li><li><p><strong>Coding App MiniProject Challenge – Create a Custom Logger into a Sheet – track messages into log</strong></p></li><li><p><strong>Coding App MiniProject Challenge – Create a custom Prepend Function Prepend Row Exercise</strong></p></li></ul><p><strong>Google Apps Script Docs Document Service Class DocumentApp</strong></p><p><em>This service allows scripts to create, access, and modify Google Docs files. The document service creates and opens Documents that can be edited.</em></p><p>Bound Script getActiveDocument()</p><ul><li><p>Select and add Content to Body getBody() appendParagraph() appendPageBreak()</p></li><li><p>StandAlone Script DocumentApp.openById()</p></li><li><p>Add Body Content appendHorizontalRule()</p></li><li><p>Create a Doc using Script DocumentApp.create()</p></li><li><p>Get Doc properties add to itself within the new Doc</p></li><li><p>Set Name Get Editors and Get URL</p></li><li><p>Select Text getText()</p></li><li><p>Use JavaScript Loop to generate rows of content</p></li><li><p>Translate selected Content to Spanish LanguageApp.translate()</p></li><li><p>body.getParagraphs() select and update text within Paragraphs</p></li><li><p>DocumentApp Types and setting of DocumentApp.TextAlignment</p></li><li><p><strong>Body Get Children getChild()</strong> .setFontSize() .getNumChildren() with loop to iterate body children element containers</p></li><li><p>Style Attributes DocumentApp.Attribute</p></li><li><p>Replace text body.replaceText()</p></li><li><p>el.setAttributes(); using attribute object values and properties</p></li><li><p>Clear body content</p></li><li><p>Add list items</p></li><li><p>Add Tables data types</p></li><li><p>DocumentApp UI prompt and alert</p></li><li><p>Active User Session.getActiveUser()</p></li><li><p>UI DocumentApp showModalDialog() HTML output HTML from File</p></li><li><p>Cursor position getCursor()</p></li><li><p>editAsText() set part of text as bold</p></li><li><p>Selected Text toUpperCase() getActiveDocument().getSelection()</p></li><li><p>Adding Bookmarks with Code addBookmark()</p></li><li><p>Insert Image into Document</p></li><li><p>ReplaceText Exercise</p></li><li><p><strong>Exercise Sheet data to Doc Table</strong></p></li><li><p><strong>Coding App MiniProject Challenge – Add Text within the doc press menu button</strong></p></li><li><p><strong>Coding App MiniProject Challenge – Find and highlight text from Doc Content</strong></p></li><li><p><strong>Coding App MiniProject Challenge – Insert Images in Doc content Insert Images</strong></p></li></ul><p><strong>Google Apps Script Drive Service Class DriveApp</strong></p><p><em>This service allows scripts to create, find, and modify files and folders in Google Drive.</em></p><p>Selecting files log all the file names from the drive</p><ul><li><p>Introduction to Apps Script DriveApp Service getFiles</p></li><li><p>How to Get Files in specific Folder using DriveApp Service</p></li><li><p>Create a File HTML file make files within your gDrive apps script DriveApp Create a File</p></li><li><p>Drive details get storage Get info and gdrive folder Drive Details</p></li><li><p>Classes File Class</p></li><li><p>Trash files move to trash Send Files to Trash with Google Apps Script</p></li><li><p>File permissions set File Access Permissions with Google Apps Script</p></li><li><p>Class FileIterator</p></li><li><p>Folders Class Folder</p></li><li><p>Set permissions and remove permission on Folder</p></li><li><p>Get details of Folder Class FolderIterator</p></li><li><p>User Object</p></li><li><p><strong>Coding App MiniProject Challenge -</strong> create an app to list folder details into Sheet</p></li><li><p><strong>Coding App MiniProject</strong> Move File from one folder to another</p></li><li><p><strong>Coding App MiniProject</strong> Search files return file object</p></li><li><p><strong>Coding App MiniProject</strong> Add and Remove Editors</p></li><li><p><strong>Coding App MiniProject</strong> Webapp folder urls in webapp from Search</p></li></ul><p><strong>Google Apps Script Gmail Service Class GmailApp</strong></p><p><em>This Service lets you send email, compose drafts, manage labels, mark messages and threads, and conduct a variety of other Gmail account management tasks. See also Mail Service, a simpler service that only allows the sending of email.</em></p><p>Mail Service vs GmailApp Service sendEmail(recipient, subject, body) This service allows scripts to send email on a user’s behalf. Unlike Gmail Service, Mail Service’s sole purpose is sending email; it cannot access a user’s Gmail account. This service allows users to send emails with complete control over the content of the email. Sending an email in Mail Service sendEmail(recipient, subject, body, options) getRemainingDailyQuota() Sending an email in Mail Service sendEmail</p><ul><li><p>Sending an email in GmailApp Service sendEmail(recipient, subject, body) sendEmail(recipient, subject, body, options) How to send emails – Sending Emails with Apps Script</p></li><li><p>Create a draft email createDraft(recipient, subject, body, options) <strong>Drafts email in GmailApp Service</strong></p></li><li><p>getMessage() method in emails Threads within Gmail using GmailApp Service Inbox Threads.</p></li><li><p>Sending an email from HTML template file</p></li><li><p><strong>Coding App MiniProject</strong> <strong>Use Doc as Email template</strong></p></li><li><p>Replace of content in email use it as a template</p></li><li><p><strong>Coding App MiniProject how to use Spreadsheet data list to Send Emails</strong></p></li><li><p>HTML Body</p></li><li><p>Coding App MiniProject Challenge send bulk emails from list in Sheets</p></li><li><p>GmailApp Chat threads</p></li><li><p>Making a draft email</p></li><li><p>Mark message as read markMessageRead(message) Marks this message read and forces the message to refresh.</p></li><li><p>Add a Star to Message starMessage(message) getStarredThreads(start, max) Retrieves a range of starred threads irrespective of labels.</p></li><li><p>Get user labels apply labels getUserLabels() Retrieves a list of user-created labels.</p></li><li><p>moveMessageToTrash(message) Message object</p></li><li><p>Search for message contents search(query, start, max) Search Gmail with the given query.</p></li><li><p><strong>Coding App MiniProject</strong> Class GmailAttachment – send and create attachments – Get attachments <strong>GmailApp Attachment Class</strong></p></li><li><p>access Chat Threads GmailApp class using Apps Script</p></li><li><p>find messages – apps script GmailApp Search.</p></li></ul><p><strong>Google Apps Script Calendar Service Class CalendarApp</strong></p><p><em>This service allows a script to access and modify the user’s Google Calendar, including additional calendars that the user is subscribed to. Allows a script to read and update the user’s Google Calendar. This class provides direct access to the user’s default calendar, as well as the ability to retrieve additional calendars that the user owns or is subscribed to.</em></p><p><strong>CalendarApp add location to info Class Calendar</strong></p><ul><li><p>Get Events with options</p></li><li><p>Full day events within the calendar</p></li><li><p>Add events with series</p></li><li><p>Selecting Calendars using CalendarApp Class Code example</p></li><li><p>Delete create and hide calendar</p></li><li><p>How to update Google Calendar Name add Description</p></li><li><p>Update calendar color , description and name</p></li><li><p>Select and Update Calendar Events CalendarApp Event Class Examples</p></li><li><p>Create Events</p></li><li><p>Project – Challenge – Spreadsheet Calendar Lister – CalendarApp and SpreadsheetApp Project</p></li><li><p>Calendar Event Guest</p></li><li><p>Calendar Event Class using Google Apps Script</p></li><li><p>Get Guest details – update guests add and remove guest class</p></li><li><p>EventGuest updates Represents a guest of an event.</p></li><li><p>EventRecurrence class set the recurrence settings for an event series.</p></li><li><p>GuestStatus get guest statuses a guest can have for an event.</p></li><li><p>Update RecurrenceRule which represents a recurrence rule for an event series.</p></li><li><p><strong>Coding App MiniProject Spreadsheet Calendar Lister – CalendarApp and SpreadsheetApp Project</strong></p></li><li><p>create Events CalendarApp within Google Calendar with Apps Script</p></li></ul><p><strong>Google Apps Script Slides Service Class SlidesApp</strong></p><p>This service allows scripts to create, access, and modify Google Slides files. Google Slides documentation and features of the Slides service.</p><ul><li><p>Create a Slide – open by slide id</p></li><li><p>How to use Slides Service Class SlidesApp with Google Apps Script</p></li><li><p>Slides Bound Script Updates select slides within Google Slides and get Slides Update them</p></li><li><p>Slides UI Add a custom menu to the active presentation, including a separator and a sub-menu</p></li><li><p>A slide in a presentation. Class Slide</p></li><li><p><strong>Coding App MiniProject remove a slide from Google Slides presentation Remove Slide Button</strong></p></li><li><p>add custom menu options for Slides Users SlideApp UI Menu</p></li><li><p>Presentation Class – appendSlide add Editor set Slide Background</p></li><li><p>Update textStyle Background Color Get TextRanges Get Page Elements Get Slides</p></li><li><p>Add UI menu button to duplicate Slide from Current Selection Code Example</p></li><li><p>Insert Drive Images with UI button Delete and remove selected Slides</p></li><li><p>List layouts Update Master Find text in shapes and remove shapes Source Code</p></li><li><p><strong>Coding App MiniProject Create a Presentation from Sheets Generate Slides from Sheet data – Project</strong></p></li></ul><p><strong>Google Apps Script Forms Service Class FormApp</strong></p><p><em>This service allows scripts to create, access, and modify Google Forms. Allows a script to open an existing Form or create a new one.</em></p><ul><li><p>Create a form create a form with Apps Script Forms Service Create a Form</p></li><li><p>Add Items to a form grid items, multiple choice and date items</p></li><li><p>Get Form items update</p></li><li><p>Update existing form items with new values make required</p></li><li><p>Add items to Form using Google Apps Script to Google Form using FormApp</p></li><li><p>setup Feedback within Google Form Feedback Within Form</p></li><li><p>FormApp Class FormResponse</p></li><li><p>Setting form to quiz</p></li><li><p>Adding Form Feedback</p></li><li><p>Setting Form to Quiz updating adding Feedback to form choices</p></li><li><p><strong>Coding App MiniProject FormResponses into Sheet Project Get form responses add to spreadsheet Project</strong></p></li><li><p><strong>Coding App MiniProject send Google Form Responses list them within a Google Sheet FormResponse</strong></p></li><li><p><strong>Coding App MiniProject How to Create a Math Quiz in Google Forms Apps Script Quiz Generator Project</strong></p></li><li><p>Set Progressbar shuffle questions add Scale Item Examples</p></li></ul><p><strong>Google Apps Script Google Workspace services</strong></p><p><em>Google Workspace services are easier to use than Google Workspace APIs, but are optimized for only the most common use cases. Coding examples of common Google Apps Script Services</em></p><ul><li><p>Class ContactsApp within Google Services Apps Script</p></li><li><p>use LanguageApp Service within Google Apps Script</p></li><li><p>generate Maps using Maps Service within Google Apps Script</p></li><li><p>Google Apps Script Base Services Examples of Code</p></li><li><p>Coding Example using Content Service with Apps Script</p></li><li><p>Coding Example HTML Service within Google Apps Script</p></li><li><p>Send data from client side back to Google Apps Script Class google script host</p></li><li><p>Google WebApp Client Side data scriptlets services Host services Google</p></li><li><p>Store values within Google Apps Script Class PropertiesService User Doc or script</p></li><li><p>Create a request to http endpoint API using UrlFetchApp Class</p></li></ul><p><strong>Google Apps Script Common Services Mini Apps and Useful Coding Examples</strong></p><p><em>Examples of mini projects and Code examples for applying Google Apps Script to Create added functionality within G Suite Services</em></p><ul><li><p><strong>Coding App MiniProject Create Charts in Google Spreadsheets setup Sheets</strong></p></li><li><p><strong>Coding App MiniProject add Charts to Slides Create Slides Presentation</strong></p></li><li><p><strong>Coding App MiniProject Create PDF in Drive email as Attachment Slides as PDF in Drive.</strong></p></li><li><p>Coding App MiniProject – Docs UI menu Interactive</p></li><li><p>Coding App MiniProject – Sheets UI menu button for advanced interaction</p></li><li><p>Getting to know Sheets Simple Triggers on Edit and Change run some code</p></li><li><p>Create a webapp onGet onPost Simple triggers with Apps Script</p></li><li><p>Automation setup Triggers run code on events and regular time intervals </p></li></ul><p><strong>Creating a multi page webapp with apps script</strong></p><p><strong>Interactive Document custom functions Introduction Document UI File Docs Interactive Project</strong></p><p><strong>Custom webapp Quiz Setup from sheets using a web app</strong></p><p><strong>Explore how to deploy your apps script project as an Addon Extending Google Workspace. Add-ons are customized applications that integrate with Google Workspace productivity applications such as Gmail, Google Sheets, and Google Docs.</strong></p><p>Taught by a <strong>Google Developer Expert</strong> instructor with over <strong>20 years of web dev experience </strong>ready to <strong>help you learn </strong>more about Google Apps Script</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript DOM Pacman Game Project Learn JavaScript Code | https://www.udemy.com/course/javascript-game-js/ | Create a JavaScript Pacman game from scratch Vanilla JavaScript using Document Object Model DOM Game source code | <p>Explore how YOU can CREATE a PacMan Type Game from scratch using JavaScript and ONLY JavaScript DOM</p><p>Perfect to practice and learn more about web design and web development – create game play directly within your website. Run in the browser and have fun! Learn about game design and how you can create a DOM based web game from scratch using JUST JavaScript.</p><p>DOM Manipulation – Event Listeners – Create Elements on the Page – ALL DONE WITH JAVASCRIPT</p><p>Step by step how to create a GAME -</p><p>Using CSS create game assets</p><p>Setup the game board and select elements using JavaScript</p><p>SOURCE CODE is INCLUDED…..</p><ul><li><p>Explore how you can create a PacMan type game from scratch using JavaScript</p></li><li><p>Practice JavaScript create your own version of the game</p></li><li><p>Explore how to manipulate elements on the page using JavaScript</p></li><li><p>DOM manipulation and element selection </p></li><li><p>Make the enemies smarter detect where the player is located</p></li><li><p>Score keeping from the game play</p></li><li><p>Start Stop and Restart game</p></li><li><p>Generate dynamic Game boards</p></li><li><p>Fully Dynamic code that you can update the variables and change the game</p></li></ul><p>Build your own version of this game today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| CSS Modern Responsive Web Design Create 5 Different Sites | https://www.udemy.com/course/web-design-css/ | Explore how you can create 5 Different Fully Responsive Mobile Ready websites CSS Grid CSS Flexbox Floats Plus | <p><strong>Build YOUR Portfolio CSS Grid FlexBox </strong></p><p><strong>Floats Responsive Design Websites</strong></p><p>Explore how you can create <strong>5 Different MODERN</strong> Fully Responsive Mobile Ready websites CSS Grid CSS Flexbox Floats Plus</p><ul><li><p>Explore how to Create Websites using CSS Float</p></li><li><p>Create Websites Using Flexbox CSS</p></li><li><p>How to create Websites using CSS Grid</p></li><li><p>How to design a modern website mobile first</p></li><li><p>How to create Full Responsive Mobile Ready NavBars</p></li></ul><p>”A number of students have approached me to create a course covering more <strong>UNIQUE website designs</strong> and<strong> how to build websites from scratch</strong>” The more different websites you can design and have exposure to the easier it becomes to create your own versions and your own creations. You can use the content of this course to learn and grow your portfolio of work. </p><p>This course is perfect for anyone who wants to create websites and learn more about designing websites.</p><p>All new website designs and methods. All unique to this product and not available anywhere. Websites come in such a vast variety of designs that these are completely and totally different than others that I have created before. As a web designer the more exposure you have to different designs the better.</p><p>Explore how you can create 5 different modern websites from scratch applying Floats, CSS Grid and FlexBox to create <strong>MODERN WEBSITES</strong></p><p>Create 5 Different MODERN Websites included</p><p><strong>WEBSITE #1</strong></p><p><strong>CSS Float site – Mobile ready fully responsive – Single Page design</strong></p><ul><li><p>Create custom grid to add columns and structure content</p></li><li><p>Single Page design with Sticky Nav Header</p></li><li><p>Responsive Mobile Menu </p></li><li><p>Create a Custom Contact Form</p></li><li><p>Use of Mailto in form to send message to email client</p></li><li><p>Top resources and tools to add placeholder content</p></li></ul><p><strong>WEBSITE #2</strong></p><p><strong>Single Page Modern Flexbox Website – Responsive Design with JavaScript AUTOScroller!!!</strong></p><ul><li><p>Use of Flexbox to create webpage</p></li><li><p>Flexbox to create custom dynamic Grid options</p></li><li><p>Create CSS components to reuse in website reuse repurpose components Cards</p></li><li><p>Flexbox contact form with CSS Flexbox</p></li><li><p>Responsive Resize with breakpoints</p></li><li><p>Awesome JavaScript AutoScroll</p></li></ul><p><strong>WEBSITE #3</strong></p><p><strong>CSS Grid website with Modern CSS only Responsive Collapsible NavBar</strong></p><ul><li><p>CSS Grid to create a Responsive Website</p></li><li><p>CSS components to reuse Buttons, Cards</p></li><li><p>Making images responsive </p></li><li><p>Different page designs using CSS Grid</p></li><li><p>Multiple page website design</p></li><li><p>Responsive and mobile ready design</p></li><li><p>Navbar with logo and bars icon</p></li><li><p>Use of FontAwesome and other top resources</p></li><li><p>Adding Google Fonts</p></li></ul><p><strong>WEBSITE #4</strong></p><p><strong>Modern design with Floats – Grid with Columns Flexible Design JavaScript Class Toggle for NavBar</strong></p><ul><li><p>Modern Navbar design – collapsing Navigation menu bar</p></li><li><p>Responsive Navbar using Floats CSS</p></li><li><p>Grid structure with multiple columns and rows all responsive </p></li><li><p>Menu icon with Logo</p></li><li><p>Use of Top online tools and Resources</p></li><li><p>Placeholder content</p></li><li><p>Responsive images as thumbnails</p></li></ul><p><strong>WEBSITE #5</strong></p><p><strong>Flexbox Complex Menu Website With Responsive Navbar and SubMenu items</strong></p><ul><li><p>Create a website with Flexbox CSS</p></li><li><p>Add a collapsing Navabr menu</p></li><li><p>How to create custom JavaScript submenu items navbar</p></li><li><p>Responsive navbar with many menu items</p></li><li><p>JavaScript to create dynamic interactions </p></li><li><p>Responsive Images</p></li><li><p>Flexbox for Navbar and website design</p></li></ul><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Web App and Client Side Data | https://www.udemy.com/course/apps-script-web-app-sheets/ | Create a WebApp Send Data to your Spreadsheet Use Request Parameters to track users Generate new user sheets | <p>One of the most commonly asked questions is HOW to Create a Webapp that connects to Spreadsheets, and that you can send and receive sheet data from .</p><p>This course is perfect to learn more about the power of Google Apps Script and how you can use it to create amazing interactive applications.</p><p>Flexible content is designed to let you learn and then build upon that knowledge to create your own version of the app.</p><p>Use this app to track user info – each user gets their own app url with id that tracks into one spreadsheet on separate sheets.</p><p>Send input data to sheet – track and access. Generate new user URLS within the Sheet UI.</p><p><strong>Explore how you can create a custom Google Sheet option within your Google Sheets UI menu.</strong></p><p>Explore Google Apps Script and how it can be used to run code using data from your Spreadsheet</p><p>Discover the amazing things you can do with Google Apps Script</p><p>Course covers some of the commonly asked for functionality using Google Apps Script and Google Spreadsheets</p><ul><li><p>Create a Web App</p></li><li><p>Send data from a sheet to Web app client side</p></li><li><p>JavaScript to manipulate elements and create interactive pages</p></li><li><p>Modal popup interface to generate web urls for users.</p></li><li><p>Source code is included</p></li><li><p>Send input field data back to Google Apps Script to add to the spreadsheet sheet</p></li></ul><p>JavaScript and prior coding experience is <strong>REQUIRED DO NOT TAKE THIS COURSE WITHOUT JavaScript Experience</strong></p><p>Source code is included – Best way to learn is to try the code and create your own version of this project</p><p>Taught by an instructor with over 20 years of web development experience ready to help you learn</p><p><strong><em>Google Developer Expert – </em></strong>Laurence Svekis walks you through how to do some amazing functionality to save time and get the most out of Google Apps Script G Suite content</p><p>Fast friendly support is always available in the Q&A section</p><p><strong><em>What are you waiting for – this could change everything – at least change the way you use Google Apps and G Suite Google Sheets</em></strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Math Games project for learning code from scratch | https://www.udemy.com/course/javascript-math-game/ | JavaScript Game – Explore how YOU can create a fully dynamic Interactive Math Game From Scratch using JavaScript | <p><strong>Put you JavaScript skills to the test -</strong> <strong><em>create a fully functional Math game from scratch </em></strong>- perfect for kids to learn math. Test your kids or anyone who wants to put their math skills to the test, math skills with a dynamic math quiz game built with JavaScript. </p><p>The lessons of this course will walk you through all the steps to create a fully functional Math game which you can set the parameters. Top max values in the quiz, number of questions, which operators are presented and even which value in the question will be the missing one. </p><p>JavaScript can be used to create flexible learning games that run directly in your browser.</p><p><strong>Source code is included so you can create your own version of the game.</strong></p><p>Step by step in game development and planning next functions needed for gameplay. This is a unique format in learning and applying code to create a REAL WORLD project from start to finish. Options are also presented YOU Decide what you want in YOUR game.</p><p>Explore how to </p><ul><li><p>Create elements with JavaScript</p></li><li><p>Select elements from HTML content</p></li><li><p>Apply math and conditions for logic</p></li><li><p>Create Randomized outcomes, random array values and more</p></li><li><p>Apply scoring and logic to output player stats</p></li><li><p>Apply Game development knowledge to build sequential progress in the game</p></li><li><p>Next steps with player messaging and provide player feedback</p></li><li><p>Create different versions of the game showing 1 question or all questions on the screen</p></li><li><p>Player feedback on response </p></li><li><p>Build a fully dynamic game board selecting the parameters and generate the question.</p></li></ul><p>Taught by an instructor with over 20 years of web development experience ready to help you learn more about JavaScript </p><p><strong>What are you waiting for join now and build you own version of the game.</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Create 5 Fun Word Games make your own Web Games | https://www.udemy.com/course/javascript-games/ | Do you want to create fun games using JavaScript – build 5 amazing interactive games perfect for kids using JavaScript | <p><strong>Explore how YOU can build your own games online using JavaScript. Learn about Game design and steps to create a FULLY functional game start to FINISH</strong></p><p><strong>5 AMAZING PROJECTS YOU CAN BUILD - You won’t find this anywhere else – all code is unique and built from scratch.</strong></p><ol><li><p><strong>JavaScript WORDSEARCH GAME</strong></p></li><li><p><strong>Dynamic QUIZ from Google Sheet Data</strong></p></li><li><p><strong>JavaScript HangMan Game</strong></p></li><li><p><strong>JavaScript Number Decoder Game</strong></p></li><li><p><strong>Word Scramble with DYNAMIC Word list from Sheets</strong></p></li></ol><p>Create your own version of the game in just a few hours – source code included try it and play it NOW</p><p><strong>#1 Javascript Game Word Scramble -</strong> <strong>Select from multiple Word lists – solve the scrambled word with as little wrong guesses as possible. Scoring and loading dynamic word lists to create a fully interactive and dynamic game from scratch</strong></p><ul><li><p>How to setup and prepare game-board </p></li><li><p>Game Values and Variable for word game</p></li><li><p>Add words to Game</p></li><li><p>Scramble the Letters with JavaScript Random Array values</p></li><li><p>Update and add content to WebPages Output Scrambled words to Page</p></li><li><p>Count letters in a string with JavaScript Letter Counter.</p></li><li><p>Add Scoring and GamePlay to your game with JavaScript</p></li><li><p>Game debug and how to tweak and improve the game</p></li><li><p>Add a Dynamic WordList from Google sheets to your Game</p></li><li><p>Dynamic Content coming from a Google Sheet – Multiple Word lists</p></li></ul><p><strong>#2 Javascript Game Word Decoder – Every letter has a number associated with it – player needs to solve the phrase using the number codes to letters. Words and phrases are dynamically loaded.</strong></p><ul><li><p>Game board Setup Secret Word</p></li><li><p>Create Interaction for Player</p></li><li><p>Setup gameplay and set coded values </p></li><li><p>How to provide player messages Output Code to Player.</p></li><li><p>Use of Array methods like map to shorten code</p></li><li><p>Make it into a Game JavaScript Word decoder</p></li><li><p>Create Game Flow and Values</p></li><li><p>Create interaction Player Inputs</p></li><li><p>Start and End game conditions and logic</p></li><li><p>Debugging and final game tweaks and improvements </p></li></ul><p><strong>#3 Javascript Game Hangman Game – Select Letters solve the phrase – player needs to guess the hidden phrase by clicking the available letters. Solve it will as little missed letters as possible.</strong></p><ul><li><p>JavaScript Hangman Game Board Setup.</p></li><li><p>Launch app content when DOM loaded DomContentLoaded Run App DOM is ready to write and create Elements</p></li><li><p>Add game logic step by step to build JavaScript Hangman</p></li><li><p>Create game start Start the Game Setup.</p></li><li><p>Setup and build gameplay adding and Building Player Letters</p></li><li><p>Use JavaScript conditions check correct guess Check Letters to Word</p></li><li><p>Update player Elements and DOM values Update Hidden Letters</p></li><li><p>add Score and Player Score conditions</p></li><li><p> set Game Win Conditions and use of JavaScript logic to provide gameplay</p></li></ul><p><strong>#4 JavaScript Wordsearch – Word searches are fun to play and even more fun to build. This game section will show you how to create a fully functional word search that fills the grid with as many words as possible hidden in the words and ready for the player to be challenged and solve the puzzle. Dynamic grid automatically populates the words from your list into it. You select the size and let JavaScript build the game board.</strong></p><ul><li><p>Setup Word Search Board with JavaScript and logic for gameplay</p></li><li><p>Create Add Game Elements to page using document CreateElement Method</p></li><li><p>generate Game Values and Setup Grid.</p></li><li><p>Add Words to Grid for JavaScript word search game</p></li><li><p>Building the board and calculating the available spots on the grid apply Game Logic in JavaScript Check for existing Letters</p></li><li><p>Add Words Vertically to Word search Grid with JavaScript code logic</p></li><li><p>Words horizontally – vertically and reversed letters for 4 possible directions to place the word in the word search grid.</p></li><li><p>Fill Game Letters automatically populate and build the wordsearch board</p></li><li><p>Add a player word list to guide player for remaining words List Words </p></li><li><p>How to test and debug your JavaScript wordsearch Game</p></li><li><p>add player experience Player Interaction</p></li><li><p>Create a dynamic and flexible game to play</p></li><li><p>Game logic how to apply win conditions Check Win Condition</p></li></ul><p><strong>#5 JavaScript Dynamic Quiz Game – JSON data file driving quiz questions and answers. Create a simple quiz that gets dynamically generated with JavaScript – creates all the DOM elements and interactions depending on the JSON data.</strong></p><ul><li><p>How to setup Quiz files and source html Setup Dev Environment Files</p></li><li><p>How to create a JSON data file for your quiz use AJAX Fetch Create JSON Data</p></li><li><p>How to setup HTTP protocol Localhost – needed for AJAX</p></li><li><p>Create Quiz Questions within JSON file for JavaScript Quiz Game</p></li><li><p>Create Gameplay generate player game screens</p></li><li><p>Create player interactive elements with JavaScript generate DOM elements</p></li><li><p>add eventlisteners to game Add Player Interaction to Game</p></li><li><p>Player movement move to the next Question – Automatic Gameplay next JavaScript</p></li><li><p>Add Scoring for Quiz Game</p></li><li><p>Tweaks and debugging of JavaScript Quiz Game</p></li></ul><p>Source Code included – build your own version of the game</p><p>Taught by an instructor with over 20 years of REAL WORLD experience ready to answer any questions you may have.</p><p>You have nothing to lose – build your own version of the game HAVE FUN – Join NOW></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Game for beginners Breakout HTML5 Game | https://www.udemy.com/course/html5-game-canvas/ | Make a JavaScript Game – Create your first HTML5 Canvas JavaScript web based game from scratch explore how make a game | <p><strong>Make your own games online -</strong> start with this amazing simple game project creating a Breakout game from scratch</p><p>Explore how you can write code to create GAMEs – Games that run within any browser – Interactive Games that are fun to play and even more fun to make yourself. Dynamic Games that can be built upon to customize and <strong>add your own game ideas. </strong> See what you can build within just a few short hours. </p><p>Want to build online games – want to learn more about game creation - learn from experienced developer who has created over 100 online games. Source Code is included – try the code for yourself and customize it to make your own version of the game!!!! You will be amazed at how easy it can be.</p><p>Course covers all the basics of creating a fully functional game from start to finish!!!</p><ul><li><p>Setup your game within HTML</p></li><li><p>Create page elements with JavaScript</p></li><li><p>Explore how to set objects and values to prepare for game play</p></li><li><p>Add interaction – keyboard arrow keys and mouse movement to move your character on the screen</p></li><li><p>Add animations for smooth game movement</p></li><li><p>Create conditions for ball behaviours, player behaviours</p></li><li><p>Build multiple interactive items in the game</p></li><li><p>Add collision detection to track interactions </p></li><li><p>How to debug your game</p></li><li><p>How to improve upon the game</p></li><li><p>How to add bonus items, </p></li><li><p>How to setup game start conditions and game win conditions.</p></li></ul><p><strong>Explore how you can create your first game using JavaScript and HTML5 canvas </strong></p><p>Apply JavaScript to HTML5 canvas element – drawing on canvas lines and shapes.</p><p>How you can add animation to your Game with animation frames</p><p>How to make your game interactive with keyboard event listeners</p><p>Dynamic and interactive game project to practice and learn more about JavaScript and HTML5</p><p><strong>Source Code is included</strong></p><p>How to debug your HTML5 canvas game project</p><p>Making tweaks and adjustments adding game play , and scoring</p><p>Taught by an instructor with over 20 years of real world experience ready to help you learn more about HTML5 and JavaScript.</p><p><strong>Start building your own version of the game TODAY.</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Create an HTML5 Canvas game JavaScript MouseClick Popper | https://www.udemy.com/course/html5-canvas-game/ | Build a JavaScript Canvas Game from Scratch Bubble Popping game HTML5 Canvas Step by step coding to create a game | <p><strong>Do you want to build a Bubble Popping Game -</strong> That is all done with JavaScript on HTML5 Canvas – No libraries no tricks no shortcuts all JavaScript on HTML5 Canvas. Step by step walkthrough of how to create a game from scratch on an html page. Then apply JavaScript to create the elements, create interaction, setup dynamic content and make animations. Explore building Games with JavaScript see how a game can be created from scratch using HTML5 and JavaScript</p><p><strong>One of KIND game using </strong>straight pure JavaScript to draw on canvas and add game controls and interactions.</p><p>Source code included – <strong>BUILD YOUR OWN VERSION of THE GAME TODAY!!!! </strong>Custom code from start to finish -</p><p>Step by step learning on how to create all the game functionality you need to complete a full functional game.</p><p><em>Professional instruction – taught by a developer with over 20 years experience – having developed over 100 web games.</em></p><p><em>Instructor is ready to help you learn and answer any questions you may have.</em></p><p>Course covers all the core functions needed in a game</p><ul><li><p>How to draw on HTML5 canvas with JavaScript</p></li><li><p>Making elements move</p></li><li><p>Event listeners for clicks on canvas</p></li><li><p>Collision detection to check if objects are intersecting</p></li><li><p>Adding game scoring and making it fun</p></li><li><p>Movement and animation of objects</p></li></ul><p><strong>Source code is included so you can build your own version of the game as you go through the lessons</strong></p><p>Explore how you can create a quick simple game using JavaScript and HTML5 canvas element</p><p><strong>Learn coding with FUN interactive game development </strong>- See what you can build with JavaScript!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| Create a Game HTML5 Canvas Simple Catcher Game JavaScript | https://www.udemy.com/course/javascript-html-game/ | Explore how you can create an HTML5 Canvas based game from scratch using JavaScript Step by Step game creation | <p>Do you want to learn how to make Games online ????</p><p>Start here – perfect to see how a game can be <strong>created from scratch using HTML5 and JavaScript</strong></p><p><strong>No libraries no shortcuts </strong>- straight pure JavaScript to draw on canvas and add game controls and interactions.</p><p>This is a one of kind build that you will only get here – custom code from start to finish -</p><p>Step by step learning on how to create all the game functionality you need to complete a full functional game.</p><p>Quick tutorial in just over 1 hour will give you a fast paced no filler content course that you can learn from.</p><p>Professional instruction – taught by a developer with over 20 years experience – having developed over 100 web games.</p><p>Instructor is ready to help you learn and answer any questions you may have.</p><p><strong>Explore how you can create a quick simple game using JavaScript and HTML5 canvas element</strong></p><p><strong><em>Learn coding with FUN interactive game development – See what you can build with JavaScript!!!</em></strong></p><p>Course covers all the core functions needed in a game</p><ul><li><p>Basics of drawing on HTML5 canvas</p></li><li><p>Clearing and drawing shapes</p></li><li><p>Adding key event listeners</p></li><li><p>Making objects MOVE with keypresses</p></li><li><p>Tracking key presses to make game interaction.</p></li><li><p>Collision detection</p></li><li><p>Adding buttons that are interactive on the canvas</p></li><li><p>Adding game scoring and game controls</p></li><li><p>Creating enemies and building unlimited enemies within an array</p></li><li><p>Movement and animation of objects</p></li></ul><p><strong>Source code is included so you can build your own version of the game as you go through the lessons</strong></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Create simple HTML5 Canvas Game with JavaScript Pong Game | https://www.udemy.com/course/html5-game/ | Create an HTML5 Game from scratch using JavaScript to draw on canvas apply animations and interaction with keyboard | <p><strong>Explore how you can create a quick simple game using JavaScript and HTML5 canvas element</strong></p><p>Create an HTML5 Pong Game from scratch</p><p><strong><em>Learn coding with FUN interactive game development – See what you can build in less than 1 hour with JavaScript!!!</em></strong></p><p>Course covers all the core functions needed in a game</p><ul><li><p>Basics of drawing on HTML5 canvas</p></li><li><p>How to create and track key presses </p></li><li><p>Setting basic game objects to manipulate and move on screen</p></li><li><p>Planning and game concepts</p></li><li><p>Adding second player and creating interaction</p></li><li><p>How to setup collision detection of two objects in canvas</p></li><li><p>How to add a bouncing ball on screen within HTML5 canvas</p></li><li><p>How to create smooth animations with JavaScript request animation frame object</p></li><li><p>Game review and how to make tweaks and adjustments</p></li></ul><p>Source code is included so you can build your own version of the game as you go through the lessons</p><p>Quick straight to the point instruction by professional developer with over 19 years of experience – ready to help you learn and answer any questions you may have.</p><p>Learn and explore what HTML is and how it can be used to create amazing web pages – Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript</p> | | | | | | | | | | | | | | | | | | |
|---|
| Apps Script Track opened emails into Spreadsheet Project | https://www.udemy.com/course/apps-script-email-tracker/ | Google Apps Script with Email open tracking pixel to track if you email is opened using Google Web App Script and code | <p><strong>Do you want to track emails that are opened and viewed by users?</strong></p><p>Email open rate tracker with Google Apps Web App Tracking Image Pixel</p><p>Explore how you can create a tracking pixel within a Gmail email that tracks the email and reports directly into a spreadsheet the number of opens on the email.</p><p>Course is a project based course covering how to create a tracking pixel email. JavaScript and prior coding experience is <strong>REQUIRED DO NOT TAKE THIS COURSE WITHOUT JavaScript Experience</strong></p><p>You must have a Google Account in order to access G Suite Apps and write the code presented in this course.</p><ul><li><p>Create a Google Apps Script web app – code snippet for doGet</p></li><li><p>Get event parameters from URI of web app – track the web app visits into a spreadsheet</p></li><li><p>Using the parameters with a unique id update the spreadsheet count on pings</p></li><li><p>Generate a random id – </p></li><li><p>create a Popup modal that can send an html email to a user</p></li><li><p>Explore how you can select a row – get values update and set values of cells in a spreadsheet</p></li><li><p>Spreadsheet UI menu item to run a function</p></li><li><p>Client side HTML modal form – using JavaScript to create dynamic content</p></li><li><p>Send data from Client side to the Google Script </p></li><li><p>Debug and test the data and form message</p></li></ul><p>Source code is included – Best way to learn is to try the code and create your own version of this project</p><p>Taught by an instructor with over 20 years of web development experience ready to help you learn</p><p><strong><em>Google Developer Expert – </em></strong>Laurence Svekis walks you through how to do some amazing functionality to save time and get the most out of Google Apps Script G Suite content</p><p>Fast friendly support is always available in the Q&A section</p><p>What are you waiting for – this could change everything – at least change the way you use Google Apps and G Suite Google Sheets and send emails.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Apps Script Web App include Access Control via Sheet Data | https://www.udemy.com/course/apps-script-webapp/ | Create a web app control access using your Spreadsheet include files in the web app all using Google Apps Script | <p><strong>WebApp Access Control from Spreadsheet – Explore how to include CSS into client side pages of you webapp</strong></p><p><strong>Discover how to connect Spreadsheet data to output into a webapp with Google Apps Script</strong></p><p>Find out more about using Session Class and other common Google Apps to connect G Suite Apps together to do some amazing things with code.</p><p>Create a Google Apps Script web app – control access to the web app url using Google Sheets as a list of allowed users to view the app. JavaScript and prior coding experience is <strong>REQUIRED DO NOT TAKE THIS COURSE WITHOUT JavaScript Experience</strong></p><p>Source code is included – Best way to learn is to try the code and create your own version of this project</p><p>Taught by an instructor with over 20 years of web development experience ready to help you learn</p><p><strong><em>Google Developer Expert – </em></strong>Laurence Svekis walks you through how to do some amazing functionality to save time and get the most out of Google Apps Script G Suite content</p><p>Fast friendly support is always available in the Q&A section</p><p>What are you waiting for – this could change everything – at least change the way you use Google Apps and G Suite Google Sheets and send emails.</p><p>Course covers how to include files in web app – creating include function to include css and js files on the client side.</p><p>Use session user to detect the active user and either allow or deny – show custom output to the user depending on the dynamic list within a spreadsheet</p><p>Use Google apps script and connect G Suite Apps to power up your Google G Suite Apps and do some amazing things.</p><p>Google Apps Script is like JavaScript written in the cloud.</p><p>Connect G Suite Apps together.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Project Sheet UI custom Functions | https://www.udemy.com/course/google-apps-script-sheets/ | Search Sheet data and select Sheet cells create custom Google Apps Script code to run within your Google Sheets G Suite | <p><strong>Explore how you can create a custom Google Sheet option within your Google Sheets UI menu.</strong></p><p>PopUp alert connects to Google Apps Script to run custom spreadsheet code o find and select cells that match the value.</p><p>Explore Google Apps Script and how it can be used to run code using data from your Spreadsheet</p><p>Discover the amazing things you can do with Google Apps Script</p><p>Course covers some of the commonly asked for functionality using Google Apps Script and Google Spreadsheets</p><p>Do more with your Spreadsheets adding a custom UI menu with advanced options</p><ul><li><p><strong>Search – uses UI prompt to ask the user for a search term, searches all the sheets within the spreadsheet and highlights the cells with matching content. </strong></p></li><li><p><strong>Email – Lets the user email themselves the selected content from the spreadsheet, construct an html table some selected active spreadsheet data. Send the email.</strong></p></li><li><p><strong>Copy -Copy selected content to a new sheet, takes the selected data create a new sheet and builds the content from the selection.</strong></p></li></ul><p>JavaScript and prior coding experience is <strong>REQUIRED DO NOT TAKE THIS COURSE WITHOUT JavaScript Experience</strong></p><p>Source code is included – Best way to learn is to try the code and create your own version of this project</p><p>Taught by an instructor with over 20 years of web development experience ready to help you learn</p><p><strong><em>Google Developer Expert – </em></strong>Laurence Svekis walks you through how to do some amazing functionality to save time and get the most out of Google Apps Script G Suite content</p><p>Fast friendly support is always available in the Q&A section</p><p><strong><em>What are you waiting for – this could change everything – at least change the way you use Google Apps and G Suite Google Sheets</em></strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Create HTML Email from DOC template JSON endpoint Sheet data | https://www.udemy.com/course/gsuite-apps-script/ | Create a web app that outputs Google Sheet Data as JSON – Email a Google Doc as HTML code – Google Doc as HTML with Code | <p>Do you want to create HTML code from your Google Doc?</p><p>How about email the Google Doc contents using it as a template for HTML code – that you can find and replace keys in it and send it as an email.</p><p>Do you want to use your Google Sheets Data as a JSON endpoint for web pages or other code?</p><p>You’ve found the course that will show you how.</p><p>If you have never used Google Apps Script before – You will be amazed at how easy it is to do some powerful things with your G Suite Products. Using Google Apps Script connect and use the G Suite Apps to simplify workflow and more.</p><p><strong>Create a Google Doc that can be used as an email template</strong></p><ul><li><p>Select the Doc contents and convert it to HTML code</p></li><li><p>Clean the extra HTML excess coding for nice clean HTML to use as needed</p></li><li><p>Output the Doc contents into a webapp – template updates of doc content on the fly with Google Apps Script Code</p></li><li><p>Create a webapp and more</p></li><li><p>Send emails with HTMLBody content</p></li></ul><p><strong>Create a Google Sheet webapp endpoint using Google Sheet data as a clean object JSON</strong></p><ul><li><p>Get Sheet data and build an object</p></li><li><p>Include headings as property names to reference values </p></li><li><p>Values of the sheet data as JSON data</p></li><li><p>Output the JSON feed data from your sheet data to a web URL – create an endpoint to connect and get the DATA</p></li><li><p>JSON data output from Google Apps Script Objects</p></li><li><p>Testing code and more</p></li></ul><p>How to debug – Source code included</p><p>Taught by an instructor with over 20 years of web development experience ready to help you learn</p><p><strong><em>Google Developer Expert – </em></strong>Laurence Svekis walks you through how to do some amazing functionality to save time and get the most out of Google Apps Script G Suite content</p><p>Fast friendly support is always available in the Q&A section</p><p>What are you waiting for – this could change everything – at least change the way you use Google Apps and G Suite Google Docs and Google Sheets</p> | | | | | | | | | | | | | | | | | | |
|---|
| How to Create a WebApp using Google Apps Script webPages | https://www.udemy.com/course/webapp-google-apps-script/ | Explore how to setup a Google Apps Script Web App to run Frontend Code HTML CSS and JavaScript | <p>How to create a multiPage Google Web App site <strong>Please note this is a project based course with focus on Google Script for web apps.</strong></p><p>Explore how you can create a Google Apps Script Web App and customize the code and output of the webapp.</p><p>Create and serve web pages that can interact with server-side Apps Script functions. </p><p>Within the HTML file, you can write most standard HTML, CSS, and client-side JavaScript. The page will be served as HTML5</p><p>To create a web app with the HTML service, your code must include a doGet() function that tells the script how to serve the page. You can mix Apps Script code and HTML to produce dynamic pages with minimal effort.</p><p>Course will cover web apps</p><ul><li><p>how to setup a basic webapp and output text content</p></li><li><p>How to output html into a webapp </p></li><li><p>Use of Google Apps Script HTML Service: Templated HTML</p></li><li><p>Create Standard scriptlets </p></li><li><p>Pass data from Google Script to client side</p></li><li><p>Include other html files and how to render and create an include function</p></li><li><p>How to get the script URL</p></li><li><p>How to create a dynamic menu for navigation</p></li><li><p>Include CSS and JS into your webapp</p></li><li><p>Include CDN libraries into your client side web app</p></li></ul><p>JavaScript and prior coding experience is <strong>REQUIRED DO NOT TAKE THIS COURSE WITHOUT JavaScript Experience</strong></p><p>Source code is included – Best way to learn is to try the code and create your own version of this project</p><p>Taught by an instructor with over 20 years of web development experience ready to help you learn</p><p><strong><em>Google Developer Expert – </em></strong>Laurence Svekis walks you through how to do some amazing functionality to save time and get the most out of Google Apps Script G Suite content</p><p>Fast friendly support is always available in the Q&A section</p><p><strong><em>What are you waiting for – this could change everything – at least change the way you use Google Apps Script and how you create your web apps.</em></strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Apps Script OnOpen Trigger new Web URL Project G Suite | https://www.udemy.com/course/apps-script-gsuite/ | Explore Google Apps Script G Suite integration with Sheets, setup of Triggers and creating client side JavaScript | <p>Explore using Google Apps Script to connect to onOpen script functions, setup UI modal, add UI menu buttons and create Client side JavaScript. Apps Script OnOpen Trigger new Web URL Project G Suite</p><p>This course idea was a result of several students requests on this topic, I enjoy Google apps script and always happy to provide interesting solutions to coding challenges. </p><p><strong><em>JavaScript and Google Apps Script are prerequisites to this course – DO NOT TAKE this course without prior coding experience.</em></strong></p><ul><li><p>Setup a UI modal </p></li><li><p>Setup Triggers to run functions on Open of Sheets</p></li><li><p>Bound script to sheets</p></li><li><p>Client Side HTML handling and request of value from Google Script</p></li><li><p>Run JavaScript code on sheet open</p></li><li><p>Setup of triggers.</p></li></ul><p>Source Code is included.</p><p>Taught by an instructor with many years of web development experience. <strong>Google Developer Expert for G Suite</strong>. Ready to help you learn more about Google Apps Script. With fast and friendly support within the Q&A section.</p><p>Are you ready to build you own version of the app, make it even better, do more…. What are you waiting for see what you can do with Google Apps Script! Join NOW.</p> | | | | | | | | | | | | | | | | | | |
|---|
| GDrive File Folder Manager with Google Apps Script Sheets | https://www.udemy.com/course/gdrive-course-apps-script/ | Explore how you can create a fully functional Google App Connecting GDrive content – Search and return results | <p>Explore using Google Apps Script to connect to GDrive content, search drive and return results back to your custom popup modal. Select File and Folder contents, return results and use within Google Apps Script. Display images, email images inline and as attachments, add file information to your spreadsheet.</p><p><strong><em>JavaScript and Google Apps Script are prerequisites to this course – DO NOT TAKE this course without prior coding experience.</em></strong></p><ul><li><p>Course covers using Google Script to search Drive contents, returning files and folder data. </p></li><li><p>Create a modal popup that shows HTML page code, JavaScript on the client side to create interactive and dynamic popup app</p></li><li><p>Perfect course to explore more about Google Apps Script and how it can be used to create powerful applications </p></li><li><p>This is a starter project to illustrate how Google Apps Script can connect to Drive Search, Send emails with files by ID as attachments and inline images.</p></li><li><p>Search and get data </p></li><li><p>Update add to data to spreadsheet from the popup modal</p></li><li><p>Link to drive images</p></li><li><p>Use of Blobs in driveApp and file conversion.</p></li></ul><p>Source Code is included.</p><p>Taught by an instructor with many years of web development experience. Google Developer Expert for G Suite. Ready to help you learn more about Google Apps Script. With fast and friendly support within the Q&A section.</p><p>Are you ready to build you own version of the app, make it even better, do more…. What are you waiting for see what you can do with Google Apps Script! Join NOW.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Modern Web Design Beginners HTML CSS JavaScript 25+ Projects | https://www.udemy.com/course/modern-web-design/ | Web Design with HTML CSS JavaScript How to create Web Pages web development build websites create WebSites from scratch | <p>Launch a career as a web designer and frontend web developer by learning HTML5, CSS3, JavaScript and responsive design. Discover how you can design and create websites that are mobile ready, fully interactive and modern design. <strong>This course covers everything you need to know about FRONT END web design.</strong></p><p>Create modern website designs + Float designs, CSS Grid Designs, Flexbox Designs+++ examples and source code.</p><p>This is real world coding – designing website for the real world. Learn the syntax step by step training. With all the source code included.</p><p>Loaded with projects and challenges to help you learn.</p><p>Complete frontend <strong>web developer</strong> and <strong>web design</strong> course – loaded with examples and challenges to get you coding and <strong>creating your own websites</strong></p><p><strong>Modern web design </strong>and development, <strong>REAL WORLD Coding </strong>- Taught by an instructor with over <strong>20 years of web development </strong>experience – <strong><em>ready to help you learn more about web design! </em></strong><em> I’ve taught web design and web development to countless students worldwide. The design of the course is unique with many challenges in the lessons – then demonstrating how to create the code afterwards. </em></p><p>Discover how you can create custom websites – right on your computer. Create amazing HTML pages, add some styling with CSS and then bring them to life making them dynamic and interactive with JavaScript. You can launch a new career, coding and creating web sites is easy to get started with. We cover all the tools and top resources to get you started quickly and easily. </p><p>Learn web design perfect for beginners or as a refresher for anyone who wants to learn more about HTML CSS and JavaScript</p><p>Professional websites with modern coding techniques – loaded with examples and source code so that you can try the code out and get a feel for what you can do with it. </p><p><strong>HTML and CSS </strong>- Loaded with Over 25 <strong>Coding Challenges </strong> to get you coding – try it for yourself.</p><p><strong>Get familiar with the basics – no prior coding experience required!!!!!</strong></p><p>Web Design with HTML CSS JavaScript How to create Web Pages web development build websites create WebSites from scratch</p><p>Explore the core technologies of the web learn how you can get started with Web development. </p><p>Learn to become a web Developer explore web development build websites explore HTML CSS JavaScript </p><p><strong>Coding for beginners</strong> to learn more about <strong>web design</strong> and web development. Learn<strong> HTML5 CSS3</strong> and <strong>JavaScript</strong>. Modern coding is explained loaded with examples and sample code. <strong>Website development </strong>building blocks <strong>learn to code</strong>. Make it Responsive l<strong>earn responsive web design</strong> with how to <strong>create a website responsive </strong>and more. Perfect course for <strong>html and css for beginners</strong>.</p><p>Real world Coding with HTML CSS and JavaScript</p><p>HTML elements are the building blocks of HTML pages. HTML5 is the starting technology for anything online – perfect to get started as a web designer and web developer.</p><p>Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.</p><p><strong>Course Covers HTML for Beginners-</strong></p><ul><li><p>HTML and HTML5 for modern website Design and Development.</p></li><li><p>Learn about modern HTML elements</p></li><li><p>Basic of HTML elements and how they work</p></li><li><p>Debugging HTML and Comments within code</p></li><li><p>Create HyperLinks and Links to page content and other web pages anchor tag</p></li><li><p>Bold and Headings to make content stand out with HTML</p></li><li><p><strong>Coding Challenge – Tags Exercise</strong></p></li><li><p><strong>Coding Challenge – Apply HTML tags create Page Structure – Mini Website Creation exercise.</strong></p></li><li><p>Adding MailTo to send emails with HTML links</p></li><li><p>Images within HTML adding img tag and source options</p></li><li><p><strong>Coding Challenge – Getting social linking to your social profiles coding exercise with HTML tags.</strong></p></li><li><p>How to create lists with HTML tags.</p></li><li><p>Adding tables with HTML table tag element attribute options.</p></li><li><p><strong>Coding Challenge – Create an achieved old school website from scratch. Simple HTML website Challenge exercise .</strong></p></li><li><p>Semantic elements and blocks and spans with HTML</p></li><li><p><strong>Coding Challenge – Resume upload Challenge – create your Resume and upload to the web.</strong></p></li><li><p>Explore how to create HTML forms form tags and form elements.</p></li><li><p>Different text formatting options with HTML tags</p></li><li><p>Using IFrames in HTML code<br>What are HTML Meta tags and what HTML meta tags should be used <strong>HTML Meta Tags<br></strong>HTML and Audio options Playing Sound Audio and Video Tags</p></li><li><p>Adding Audio and Video to play within HTML tags</p></li></ul><p>Find out more about CSS <strong>What is CSS and how it works. </strong>Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript</p><p><strong>Advanced CSS Explore more with CSS3 Create webpages easily , </strong></p><ul><li><p>How to Create CSS Linear Gradients</p></li><li><p>How to Create CSS Radial Gradients</p></li><li><p>How to create CSS 2D Transforms</p></li><li><p>Learn about CSS 3D Transforms and how to apply CSS 3D Transforms</p></li><li><p>How to make animations with CSS – CSS Animations</p></li><li><p>Apply CSS3 rapid web design with CSS3 – </p></li></ul><p>CSS grid CSS Flexbox and modern website and webpage design and development with CSS apply Styling and more</p><p><strong>Course Covers CSS for Beginners-</strong></p><ul><li><p>How to write CSS adding CSS to web pages and CSS Syntax</p></li><li><p>How to comment CSS code ways to apply Comments CSS</p></li><li><p>What are CSS selectors and how to use CSS selectors to get page elements</p></li><li><p>Setting colors different CSS Color Units Listed</p></li><li><p><strong>Coding Challenge CSS – CSS color Background Challenge</strong></p></li><li><p>Setting CSS background properties and values</p></li><li><p>How to set Element Height and Width with CSS</p></li><li><p>How to Use Chrome DevTools</p></li><li><p>How to add and create CSS Borders</p></li><li><p>How to apply Margin with CSS to elements on the web page</p></li><li><p>CSS Padding options – setting padding top bottom left and right for an element.</p></li><li><p>What is the Box Model and how it works in CSS – Border – Padding – Margin</p></li><li><p>Examples of Pseudo Classes CSS and what are CSS Pseudo Classes</p></li><li><p>What are Pseudo Elements CSS – how to write CSS code for Pseudo Elements</p></li><li><p>Adding Font Styles – selecting web fonts and updating font-family Fun Fonts CSS</p></li><li><p>How to add Google Fonts to your website using Google Fonts CSS</p></li><li><p>How to use the CSS Display Property setting values</p></li><li><p><strong>Coding Challenge – Make a Navigation bar turn your html list items into a NavBar – NavBar Maker Exercise</strong></p></li><li><p>How to set CSS Position – position property options for values</p></li><li><p>How to set CSS Float Elements CSS</p></li><li><p><strong>Coding Challenge – 3 Column Website Project using Floats create a website from HTML code apply styling to create a three column standard website</strong></p></li><li><p><strong>Coding Challenge – Create a Website Image Gallery Website Using Floats – create website from scratch</strong></p></li><li><p>Update Mouse Cursor pointer with CSS – Mouse Cursor Changes</p></li><li><p>How to Use CSS Advanced Selectors and more selection options</p></li><li><p>CSS selector specificity how CSS selector specificity works.</p></li><li><p>How to Create CSS Linear Gradients and How to Create CSS Radial Gradients</p></li><li><p>How to create CSS 2D Transforms and CSS 3D Transforms</p></li><li><p>How to make animations with CSS – CSS Animations</p></li><li><p>What is CSS FlexBox Layout how to create a layout with Flexbox</p></li><li><p><strong>Coding Challenge – How to create a NavBar using Flexbox – Flex NavBar Challenge</strong></p></li><li><p>How to apply element Sizing with Flexbox.</p></li><li><p>How to use Flexbox to size items on the page- Flex items Size</p></li><li><p><strong>Coding Challenge – Flex Image Gallery Challenge – Create an image gallery web page using Flexbox applying CSS to position elements</strong></p></li><li><p>Introduction to the CSS Grid Layout – creating websites with Grid Layout</p></li><li><p>How to use CSS Grid to make Rows and Columns</p></li><li><p>What are Grid Items CSS Grid lesson</p></li><li><p>Setting CSS Grid Area Names and more</p></li><li><p><strong>Coding Challenge -creating websites using CSS Grid – setup and design web pages with examples of CSS Grid webpages.</strong></p></li></ul><p>JavaScript for Web Design – Create interactive and dynamic web pages using JavaScript code.</p><p>JavaScript lessons cover the fundamentals of using JavaScript</p><ul><li><p>Explore how to add JavaScript to your HTML pages</p></li><li><p>how to add Comments JavaScript</p></li><li><p>Output options document write and console log and alert methods</p></li><li><p>Introduction to JavaScript Variables using let const and var</p></li><li><p>Different Data type within JavaScript</p></li><li><p><strong>Coding Challenge – Create User input with Prompt Code JavaScript</strong></p></li><li><p>JavaScript template literals to create strings</p></li><li><p><strong>Coding Challenge – JAVASCRIPT Code Challenge -Prompt Challenge</strong></p></li><li><p>Explore JavaScript Type Conversion and Coercion.</p></li><li><p><strong>Coding Challenge – Get the data type Type Challenge using JavaScript Code</strong></p></li><li><p><strong>What are JavaScript Operators and how to use them</strong></p></li><li><p>What are JavaScript Assignment Operators</p></li><li><p>JavaScript Comparison Operators</p></li><li><p>JavaScript Truthy and Falsey explained</p></li><li><p>JavaScript if else and else if Conditional Statements</p></li><li><p><strong>Coding Challenge – practice JavaScript code learn and explore the code with a challenge to code</strong></p></li><li><p>JavaScript Ternary Operator Conditional (ternary) operator</p></li><li><p>JavaScript Logical Operators Example</p></li><li><p>JavaScript Switch Statement</p></li><li><p><strong>Coding Challenge – Create a Simple Game Switch Friends Challenge with JavaScript</strong></p></li><li><p>Introduction to JavaScript Functions</p></li><li><p>JavaScript Function Expression vs function declaration with examples</p></li><li><p>JavaScript Function Scope explained</p></li><li><p>Example of JavaScript Closures how to create a Closure</p></li><li><p>What is JavaScript Function Recursion with recursion examples</p></li><li><p><strong>Coding Challenge – Explore how you can use JavaScript code to create a fun simple Game – Number Guesser Challenge</strong></p></li><li><p>IIFE (Immediately Invoked Function Expression) JavaScript function</p></li><li><p>ES6 JavaScript New Arrow Functions JavaScript.</p></li><li><p>Explore JavaScript Objects create objects with JavaScript</p></li><li><p><strong>Coding Challenge – Objects around Create a Car Object Challenge</strong></p></li><li><p>Introduction to JavaScript Arrays – create arrays to hold data with JavaScript</p></li><li><p>Do more with Arrays – using Array Methods JavaScript</p></li><li><p>How to create JavaScript Loops – iteration with JavaScript code</p></li><li><p>Array contents loops</p></li><li><p>Create random values using JavaScript Math</p></li><li><p>JavaScript Date object – set and get date values</p></li><li><p>Welcome to JavaScript DOM – Introduction to dynamic and interactive webpage content</p></li><li><p>Select and Element JavaScript DOM</p></li><li><p>How to Select Web Page elements using JavaScript – Element Selectors</p></li><li><p>How to use Element QuerySelectorAll JavaScript DOM element selection methods</p></li><li><p>DOM content updates – JavaScript Manipulation InnerContent</p></li><li><p>How to update Element Attributes – using JavaScript DOM</p></li><li><p>Element Children and Traversing web page elements using JavaScript</p></li><li><p>Element Manipulation Styles</p></li><li><p>How to create Page Elements using JavaScript Code</p></li><li><p><strong>Coding Challenge – Page Element Append Prepend Challenge using JavaScript Code</strong></p></li><li><p>How to Remove an Element from your webpage using JavaScript Code</p></li><li><p>Creating element clones – JavaScript code to duplicate page elements</p></li><li><p>JavaScript Web page interactions – Adding Event Listeners.</p></li><li><p>JavaScript Element Events Bubble and Capture Event Listeners</p></li><li><p>JavaScript Event Listeners for Keyboard Events also on elements keyboard events</p></li><li><p><strong>Coding Challenge – Dynamic Shopping List using JavaScript List Challenge Events</strong></p></li><li><p>JavaScript String and Number methods</p></li><li><p>How to get Random Item From Array – randomize array items select random value</p></li><li><p><strong>Coding Challenge – how to create Random Page Background</strong></p></li><li><p>Load JavaScript once page is loaded DOMContentLoaded document ready</p></li><li><p><strong>Coding Challenge – Element Mover Challenge move webpage elements with JavaScript</strong></p></li><li><p>JavaScript Date, LocalStorage, Prototypes, Fetch requests</p><p><br></p></li></ul><p>The <strong>Document Object Model (DOM)</strong> is a programming API for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated.</p><p>With the Document Object Model, programmers can create and build documents, navigate their structure, and add, modify, or delete elements and content. Anything found in an HTML or XML document can be accessed, changed, deleted, or added using the Document Object Model, with a few exceptions – in particular, the DOM interfaces for the internal subset and external subset have not yet been specified.</p> | | | | | | | | | | | | | | | | | | |
|---|
| G Suite Google Apps Script Spreadsheet Folder File Lister | https://www.udemy.com/course/g-suite-course/ | Explore how you can list your Google Drive content into a spreadsheet G Suite GDrive and Spreadsheet app content | <p>Explore how you can create an application to list folder and file info into your spreadsheet using Google Apps Script. Introduction to Google Apps Script DriveApp spreadsheet project</p><p>Explore using Google Apps Script to list content contained within your drive folders, list out files and folders and track into a spreadsheet</p><p>Excellent way to track who content is shared with and who have what access into you files and folders.</p><p>Google apps script is like JavaScript in the cloud, allowing you to connect the Google Suite of products together to do some amazing things.</p><p>Within the lessons of this course we’ll demonstrate how to list folder and file details into a Google Spreadsheet</p><p><strong>JavaScript is a prerequisite to this course, DO NOT take the course without prior coding experience. </strong></p><p>Use the Sheet UI to add a button to our spreadsheet</p><p>Click the button run the function that selects from the drive</p><p>List files and folder properties into your spreadsheet</p><p>Discover the power of Google Apps Script and some of the amazing things that you can do with it.</p><p>Taught by a Google Developer Expert with many years of web development experience – ready to help you learn more about Google Apps Script</p><p>What are you waiting for join now and start creating awesome applications with Google Apps Script.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Motivation Increase your productivity How to achieve | https://www.udemy.com/course/motivation-course/ | Get the results your deserve explore how to motivate yourself overcome obstacles and keep moving forward | <p>If you set your mind to it you can achieve almost anything.</p><p>I created this course to share positive thoughts and energy with you.</p><p>I believe you can achieve your dreams – its one step at a time. </p><p><strong>Lessons of the course cover – thinking positive and gaining positive results.</strong></p><ol><li><p><strong>Setting Goals</strong> You need to have a target to achieve it</p></li><li><p><strong>Overcoming Failure</strong> – Don’t be afraid to fail</p></li><li><p><strong>Persistence</strong> – Nothing worthwhile comes easy Persistence Pays Off</p></li><li><p><strong>Your Body your Mind -</strong> Your body and health is important for your success</p></li><li><p><strong>Know yourself -</strong> Be honest with yourself</p></li><li><p><strong>Dealing with The outside influence</strong> – Don’t let others define you</p></li><li><p><strong>Time and making time – </strong>Everyone has the same amount of time in the day its how you use it that counts</p></li><li><p><strong>Problems and challenges that we face</strong> – Problems are just a challenge to succeed</p></li><li><p><strong>Why we make excuses – </strong>Excuses are easy but they hold you back</p></li><li><p><strong>Fear holding us still – </strong>What is fear holding you back from</p></li><li><p><strong>What is your Legacy and are you willing to try something new? </strong>- You can’t expect to do the same thing and expect different results</p></li><li><p><strong>Commit to change -</strong> One step at a time</p></li></ol><p>The lessons of this course are about making changes, being positive and moving yourself forward to achieve your goals</p><p>I’m thankful to have had the opportunity to reach over 1 Million Students in my career</p><p>I’ve created a lot of web content and courses</p><p>I wanted to share what I’ve learned and how I keep going everyday working towards my goals</p><p>I’ve developed hundreds of applications, made hundreds of online games, taught over 1 million students, launched 100s of courses, and reached 100’s of millions of people. It all started with taking a chance, doing something different. This journey would never have been if it wasn’t for that one afternoon that I decided to make a change.</p><p>I often get asked – how do you do all of this, where did you start, I wish I could do this too.</p><p>You already know the answer, its perseverance, taking things step by step…</p><p>I’m going to share what keeps me going and how I stay motivated in the hopes that it helps you make a change, even if it’s just a nudge in the right direction.</p><ul><li><p>You must be willing to change</p></li><li><p>Take a chance do something different</p></li><li><p>Take a risk</p></li><li><p>No waiting until tomorrow to do it now you never know where things lead.</p></li><li><p>To succeed you must be willing to fail that failure reveals the answers</p></li><li><p>If you don’t fail you haven’t tried</p></li><li><p>Finish what you start see it through to the end the results may surprise you</p></li><li><p>No more excuses only actions will make a difference</p></li><li><p>Start now don’t wait for tomorrow</p></li><li><p>Habits can change your life</p></li><li><p>What we carry with us is who we are</p></li><li><p>You need to take risks be that person</p></li><li><p>Stand up shout I’m ready to make a change – and you will be ready as letting go of that hesitation is already the first step to getting it done.</p></li></ul><p><strong>Persistence</strong></p><p><strong>Repetition to learn it well – become a habit</strong></p><p><strong>Change is Hard</strong></p><p><em>You have to want to change</em></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Complete Google Workspace (G Suite), Beginner – Advanced | https://www.udemy.com/course/learn-gsuite/ | Google Workspace (G Suite) Google Docs, Google Sheets, Google Slides, Google Calendar, Google Drive, Gmail, Google Forms | <p>Google Workspace Course Updated December 2021.</p><p>This is the bestselling Google Workspace course on Udemy, along with the highest rating. Over <strong>1100 5 star reviews</strong>!</p><p><strong>Welcome to the Complete Google Workspace (G Suite) Course, covering Google Docs, Google Sheets and Google Sheets Advanced topics, Google Slides, Google Calendar, Google Drive, Gmail, Google Forms, Google Meet etc</strong></p><p>Loaded with tips and tricks, resources and helpful information ready to help you learn Google Workspace (Previously called G Suite and Google Apps for Business).</p><p>Work faster and smarter, do more with G Suite. Explore how to get more productive – make use of all the amazing features that GSuite has to offer.</p><p>G Suite is perfect for workplace collaboration, communications and productivity. You can also use your own personal Gmail account for free!</p><p>G Suite Apps work seamlessly together allowing uses to collaborate on files, create documents, build spreadsheets, and so much more. G Suite has the tools to boost your productivity.</p><p>Cover covers everything you need to know about using Google in your Workplace with Google Workspace (GSuite Apps or the Google Suite). </p><p><strong>Find out more about Google Chrome </strong>-<strong> </strong>It is a fast web browser and easy to use. This course will cover tips and tricks of Google Chrome, useful plugins and advanced settings.</p><p><strong>Discover Google Gmail </strong>- Rediscover what you can do with Gmail, setup and optimize your Email settings. Benefits of using Gmail with email tips and email productivity. Get quick tips and do more with Gmail.</p><p><strong>Explore Google Calendar</strong> – Discover how to effectively use Google Calendar. Calendar lets you keep track of important events, share your schedule, and create multiple calendars.</p><p><strong>Get to know Google Drive </strong>- At the core of the G Suite Apps is Google Drive. Store files and access from anywhere set permissions and share with others. There are many benefits to using Google Drive. Collaborate and share files, search and find with ease.</p><p><strong>Get inspired with Google Docs </strong>-<strong> </strong>find out more about the amazing features that Google Docs has to help you brainstorm and work together to create documents. Create documents, add images, updates styling, edit and use the doc tools to get things done. Fast simple and easy to use with this guide to <strong>master Google Docs</strong> along with top hacks, tips and tricks. </p><p><strong>Take charge of your data with Google Sheets in a sheet</strong> – The Google Spreadsheet called Google Sheets in this section is loaded with amazing tips, tricks and ways to format your data. Your data is organized and presented in the way you need it. This is just what you need to sort your data. Work with others – <strong>collaborate and share</strong>. Take </p><p><strong>Create, edit and collaborate with Google Slides </strong>- present your ideas with ease to everyone. The cloud allows you to present anywhere, professional stunning presentations you can create with an easy to use interface.</p><p><strong>Connect with others using Google Meet </strong>- Hold video meetings with people inside or outside of your organization. Video conference with international teams, hold remote interviews, conduct webinars, and more. Collaborate in video meetings, record meetings, learn productivity tips for Meet.</p><p><strong>Build your own website with Google Sites</strong>. Drag and drop to create your website in minutes, add your Google Documents share to your team or to the world, it’s up to you. Using a modern easy to use webpage builder allows anyone to jump right in and build web pages easily.</p><p><strong>Discover Google Forms and see what you can do with Google Forms</strong> – Forms lets you manage event registrations, create quizzes, analyze responses, and more. It’s easy to create your own quizzes, surveys, and gather user responses.</p><p><strong>Google Keep and Tasks</strong> help you organize your content and ideas.</p><p><br></p><p><strong>Google Gmail and Mail</strong></p><p>Gmail lets you send and search for messages, organize your inbox, and build relationships with integrated chat and video meetings. Gmail is perfect for any organization. Get real-time messages and notifications with security in mind. Accessing and emailing made easy – the way it should be. Not taking away from your busy schedule and working that way you need it. Gmail is an effective way to stay in contact and manage your communications. Even without the internet, you can draft messages that can be made ready to send out when you’re back online. This section is loaded with tips and helpful demos of how you can save time and be more effective with Gmail. Easily elevate communications to video, chat and connect to other G Suite products.</p><p><strong>What can you do with Gmail?</strong></p><ul><li><p>Explore how to clean up your inbox</p></li><li><p>Automation with labels and filters</p></li><li><p>How to organize and keep your inbox and emails clean</p></li><li><p>Online anywhere access</p></li><li><p>Store chat messages and video conferencing</p></li><li><p>Security of Data</p></li><li><p>Hassle-free document sharing</p></li><li><p>Share to drive to avoid large file limits in emails</p></li><li><p>Easy to transfer and connect files from G Suite</p></li><li><p>Works well with other G Suite products</p></li><li><p>Gmail productivity and email management</p></li><li><p>Great uptime</p></li><li><p>Security and 2 step verification options.</p></li><li><p>Tips on resources and settings</p></li><li><p>Different screen view options</p></li><li><p>Filter emails to help find and organize</p></li><li><p>Easy to create templates and canned responses.</p></li><li><p>Email productivity tips to do more</p></li><li><p>This is a COMPLETE Gmail Course</p></li></ul><p>By the end of this course, you will have learnt all the secrets of <strong>Gmail</strong> and save hours a week with the <strong>productivity shortcuts</strong>. We look at how to reply to mail faster with <strong>Canned Responses</strong></p><p><br></p><p><strong>Google Calendar</strong></p><ul><li><p>How to make new entries in your calendar – a step by step process.</p></li><li><p>How to open and operate new and multiple calendars – such as having a separate home calendar and work calendar.</p></li><li><p>How to share calendars with other G Suite users – on either a view-only or edit as well.</p></li><li><p>How to set up goals.</p></li><li><p>How to setup reminders – once-off or repeating reminders.</p></li><li><p>How to setup tasks – tracking, once-off tasks or tasks that repeat at specified intervals.</p></li></ul><p><br></p><p><strong>Google Drive</strong></p><ul><li><p>How to use drive – the basics and purpose fo Google Drive.</p></li><li><p>How to share folders and files with other G Suite users.</p></li><li><p>How to share folders and files with other non-G Suite users.</p></li><li><p>How to customize the look of your shared drives.</p></li><li><p>How to establish the various security settings on folders and files so that you’re in control of what other users can see, do and edit.</p></li></ul><p><br></p><p><strong>Google Docs</strong></p><p>The best thing about Google Docs is how people actually want to use it – easy to get started with and very flexible in how you use it. The Google Docs section is designed to help you learn more about Google Docs – sharing tips and tricks. Loaded with examples allowing you to decide how you want to use it.</p><p>Many students often ask how to improvise their workflow – how to save time and use docs more effectively – this section is designed to answer those questions as well as open the door to some amazing functionality that you might not have known about.</p><p><strong>What can you do with Google Docs?</strong></p><ul><li><p>With Google Docs, you can create and edit text documents right in your web browser</p></li><li><p>Nothing to install – no special software is required.</p></li><li><p>Perfect for collaboration with others – you can even work on the same doc at the same time.</p></li><li><p>You can see others changes instantly</p></li><li><p>Access the content across computers – anytime you want anywhere with internet access. If you travel or use multiple devices this is the ideal way to go.</p></li><li><p>Works the way people work in the real world</p></li><li><p>Version control, don’t worry about lost changes or edits – also great for major revisions. Trackback to old versions and changes – taking away the stress.</p></li><li><p>Add and remove collaborators with ease, comment, share ideas and work together.</p></li><li><p>Make changes in real-time that others can see and comment on.</p></li><li><p>Easy to learn with the familiarity of other similar applications.</p></li><li><p>Free to use</p></li><li><p>Import and export DOCs to multiple formats.</p></li><li><p>Security of locking your content and only allowing access to those who you provide access to.</p></li><li><p>Ready-made templates that you can open and update to customize for any occasion.</p></li><li><p>Easy editing options that simply make sense</p></li><li><p>All the styling options you would expect</p></li><li><p>Easy to insert footnotes</p></li><li><p>Images will wow you, so many options to quickly bring relevant images without having to leave your document.</p></li><li><p>Add headers and footers – with options</p></li><li><p>Create a one-click table of contents for your content – update as needed</p></li><li><p>Even an offline mode – in case no internet connection is available</p></li><li><p>Addons and shortcuts to do even more with ease.</p></li><li><p>Works seamlessly with other G Suite Apps</p></li><li><p>Easy Web Publishing and Sharing</p></li></ul><p><br></p><p><strong>Google Sheets</strong></p><p>Google Sheets is a free, secure and powerful spreadsheet application that enables anyone to organise, extract, analyse and manage data in a collaborative or individual environment across devices. You will learn formulas, methods and logic that you will be able to use in either Google Sheets or Microsoft Excel. </p><p>Create beautiful spreadsheets with step by step guides. </p><p>Anyone looking to keep their figure work safe and secure in an environment that they can access anywhere without having to install any software.</p><p>Sheets is the perfect app for managing your personal budget, small business inventory or managing a global sales team because it scales.</p><p>This course is for you if you’ve never worked with Sheets or similar programs such as MS Excel. We start at the beginning, get you comfortable with the fundamentals and then build on that foundation as we guide you through the advanced features of this application.</p><p>Sheets is a free, no installation required app that is designed to capture, managed, analyse and interrogate numbers and data.</p><p>Because Google Sheets is cloud-based you don’t need expensive storage options and you can access them from home or work or on vacation.</p><p>Sheets is ideal for individuals or people working in teams, across time zones and spread out geographically.</p><ul><li><p>The basics of how to set up, format and manage your data – information is more easily digestible in an organised presentation.</p></li><li><p>Be able to create, edit, and collaborate on spreadsheets quickly, efficiently and securely. </p></li><li><p>The essential formulas to manage and understand your data – add, subtract, sum, average.</p></li><li><p>How to clean up incomplete or mismatched data – formulas that drive this process and streamline your workload.</p></li><li><p>Short cuts that will improve your workflow.</p></li><li><p>Learn formulas that you will be able to use in both Google sheets and Excel.</p></li><li><p>Understand how to work with and filter data</p></li><li><p>Simple functions you might have used in Excel, like SUM, COUNT, COUNTIF etc</p></li><li><p>We use the Advanced Sheets functions, like INDEX, MATCH, IMPORT RANGE etc</p></li><li><p>Learn how to create powerful calculations</p></li><li><p>Importing and exporting data sets and how to best direct the flow of data.</p></li><li><p>Learn to manipulate text, using arrays, split and other formulas.</p></li><li><p>How to best control team members contributions when working on a collaboration to ensure a successful outcome.</p></li><li><p>A full exploration of the depth of functionality of this application so that you can see what best suits your particular environment.</p></li><li><p>Lots of examples so that you can see how to best apply this application’s functionality to your specific environment.</p></li><li><p>How to organise and present data professionally.</p></li><li><p>Learn Spreadsheets secrets and shortcuts</p></li><li><p>Connect multiple Google Sheets Spreadsheets together and reference data in another sheet. </p></li><li><p>We look at Pivot Tables in Sheets, they work similar to Excel but of course, Google makes them a lot easier. </p></li><li><p>Create forms and surveys using Google Forms and connect them to your Sheets.</p></li></ul><p>This section of the Google G Suite course, could be a separate course. But we thought that we wanted to give you the most value for your money with this course. This course is structured to more helpful than any other course on Microsoft Excel or Google Sheets. We break down each lesson and concept with real life examples that you can follow along with to become and Sheets Power User. </p><p><br></p><p><strong>Google Slides</strong></p><p>Slides let you create pitch decks, project presentations, training modules, and more. Works well with other G Suite products. Advantages are to collaboration and the ability to access content from anywhere with an internet connection. Presentations are being created by multiple users, Slides makes it easy to share and work together. Message comment and brainstorm – build your presentations easily online. Create nice PDFs and more.</p><p><strong>What can you do with Slides?</strong></p><ul><li><p>We go through an introduction to Google Slides and Google Slide’s basic functionality</p></li><li><p>Work together with others on the same slide presentation</p></li><li><p>You control who has access</p></li><li><p>Security and permissions on content</p></li><li><p>Organize and find content within your Google Drive</p></li><li><p>Prebuilt templates to choose from</p></li><li><p>Create your own custom templates</p></li><li><p>Simplify your presentations as your Slides guides you on creating the presentations.</p></li><li><p>Option for offline access to Slides – works within your Chrome Browser</p></li><li><p>Backup and export presentations to multiple formats</p></li><li><p>Access Presentation from Any Device</p></li><li><p>Walk-through of the creation of an example slide</p></li><li><p>Easy Web Publishing and Sharing</p></li><li><p>Select the perfect theme</p></li><li><p>Add content and more with ease</p></li><li><p>Made for smooth presentations – with speaker notes and multiple screens built-in ready to present options.</p></li><li><p>Comment and edit with others</p></li><li><p>Rearrange and easy to move slides around</p></li><li><p>Apply transitions and more</p></li><li><p>Versatile Download save and print options.</p></li><li><p>You will be able to create stunning presentations in under 2 hours with Google Slides.</p></li></ul><p><br></p><p><strong>Google Sites</strong></p><p>Create a website without coding – connect Google products easily. Collaborate and work together just like other G Suite Products. You select the other users who have access – share to the world or share to selected users it’s up to you. Google Sites is a powerful tool for easy website creation, drag and drop launch of your site in minutes.</p><p><strong>Easy website creation tool offered by Google</strong></p><ul><li><p>Anyone is able to create simple web sites</p></li><li><p>Collaboration with others to build the site and share content</p></li><li><p>Google Sites is a really easy-to-use website builder</p></li><li><p>No Coding create your site</p></li><li><p>Share your content to the world with a web URL</p></li><li><p>Create and add multiple pages in minutes</p></li><li><p>Similar to Google Slides and easy to work with</p></li><li><p>Drag and drop content as needed</p></li><li><p>Responsive in nature – defaults to amazing responsive site perfect for any size screen</p></li><li><p>Integrate other G Suite Services and products</p></li><li><p>Customize colors and look and feel</p></li><li><p>Prebuilt templates ready for many types of content</p></li><li><p>Search bar built-in</p></li><li><p>Navigation is added which naturally builds as you add site pages</p></li><li><p>Footer and header options</p></li><li><p>Publish and share as you do with Docs</p></li><li><p>Click of a button to publish and share your site</p></li><li><p>You can customize what others see</p></li><li><p>Perfect for an organization intranet</p></li><li><p>Easily bring in content from many sources to make your page come to life</p></li><li><p>Update layout and select customized feel</p></li><li><p>Add style and theme to your pages</p></li><li><p>So many options for components</p></li><li><p>Edit update and collaborate</p></li><li><p>Announcement banner for your site – to get the message out there.</p></li><li><p>Launch a site within minutes, share your content to the world or select who sees it.</p></li><li><p>Your site the way you want it made easy</p></li></ul><p><br></p><p><strong>Google Keep</strong></p><p>A note-taking application developed by Google. Google Keep allows users to make different kinds of notes, including text, lists, images, and audio. Users can set reminders, which are integrated with Google. Keep can be used to create, manage, and share text-based memos, lists, images, and voice notes across multiple devices</p><p><strong>Why use Keep</strong></p><ul><li><p>Keep can convert text notes into checklists.</p></li><li><p>Keep lets you share between the entire Google ecosystem</p></li><li><p>Share and Collaborate With Others</p></li><li><p>Remind and add notes to Keep</p></li><li><p>Get text from an image</p></li><li><p>Transcribe your ideas to keep to review later</p></li><li><p>Dictate a note into your device</p></li><li><p>Notes in Keep are searchable and editable</p></li><li><p>Create a pop-up reminder in Keep</p></li><li><p>Keep captures quickly with many options</p></li><li><p>Add Reminders in Keep</p></li><li><p>Help organize and prioritize tasks</p></li><li><p>Make notes and pin important ideas</p></li><li><p>Brainstorm and develop ideas that are captured in Keep</p></li><li><p>Power of your mind</p></li><li><p>Make a list</p></li><li><p>Saving a drawing</p></li><li><p>Label color and pin notes</p></li><li><p>Use Google products side by side</p></li></ul><p><br></p><p><strong>Google Chrome</strong></p><ul><li><p>We cover the basics of how to use Chrome.</p></li><li><p>Tips and tricks for Chrome.</p></li><li><p>Advanced settings for Chrome.</p></li><li><p>Useful plugins and extensions for Chrome.</p></li></ul><p><br></p><p><strong>Google Meet</strong></p><ul><li><p>How to use Google Meet to have video chats and online meetings with others.</p></li><li><p>How to use Google Meet to share information, documents and your screen during meetings.</p></li></ul><p><br></p><p><strong>And the full 30 day no-questions-asked Udemy instant guarantee is your assurance of the quality and potential of this course.</strong></p><p>Get started today by clicking “Buy Now” and get full, lifetime access to this Complete G Suite Course with all future updates and all current and future course materials included!</p><p><br></p><p><strong>We answer questions in this course like:</strong></p><ul><li><p>Are there any G Suite marketplace apps that are free?</p></li><li><p>Can you host a website with G Suite?</p></li><li><p>Can G Suite work offline?</p></li><li><p>Can G Suite replace Microsoft Office programs like Word and Excel</p></li><li><p>How Does G Suite work?</p></li><li><p>How to do certain things under the G Suite Admin. </p></li><li><p>Is G Suite worth it?</p></li><li><p>How does Google Sheets compare with Microsoft Excel?</p></li><li><p>How does Google Docs compare with Microsoft Word?</p></li><li><p>Can Google Docs edit pdf files?</p></li><li><p>How Google Docs collaboration works.</p></li><li><p>How does Google Slides compare with Microsoft PowerPoint?</p></li><li><p>Can Google Sheets open xlsx files?</p></li><li><p>Can Google Sheets count colored cells?</p></li><li><p>Can Google Sheets do pivot tables?</p></li><li><p>How do you collect responses in Google Forms?</p></li><li><p>How are Google Forms opened or created?</p></li><li><p>Where are Google Forms saved?</p></li></ul><p><br></p><p>Current Reviews are as follows:</p><p>____</p><p><em>I am enjoying the easy explanations on how things are done and the pace of the course. Having worked with g-suite for some time now I am amazed at some of the little extra things that I am able to do but I had not clue existed. – Eddie Wille</em></p><p>____</p><p><em>This will make me so much more efficient. I love that! – Daryn Benton</em></p><p>____</p><p><em>I’m learning a ton of things I didn’t know about Chrome that will be hugely beneficial to me and I’m very happy about it. – Bethanny Brooks</em></p><p>____</p><p><em>An excellent course … Impressive! – Jan Roos</em></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| HTML5 Canvas create 5 Games 5 Projects Learn JavaScript | https://www.udemy.com/course/html5-canvas-course/ | Create a 5 games 5 projects – Draw on Canvas – Amazing effects with JavaScript JavaScript on the HTML5 Canvas element | <p>Learn HTML5 Canvas Element – Quick Introduction to Canvas HTML5</p><p>Introduction to drawing using JavaScript on HTML5 Canvas Element – <strong>This course requires JAVASCRIPT CODING!!!!!</strong></p><p><strong><em>Do not take this course without prior coding experience – JavaScript and HTML and prerequisites </em></strong></p><p>New content just added – how to create your first game using HTML5 and Canvas – fun interactive battle game with computer brain and dynamic values. Explore how to make Canvas based games</p><p><strong>#1 HTML5 Canvas Pong Game </strong>- Hit the ball between ready 2 players on screen. Source Code included build your own version of the game.</p><p><strong>#2 HTML5 Canvas Falling </strong> items catcher Game – Objective of the game is to catch items as they fall. Score when you catch colorful balls avoid the blinking resizing items or you lose a life.</p><p><strong>#3 Bubble popper with Mouse Clicks </strong>- hover mouse over items and pop them. Score when you click and pop endless bubbles that float up the screen. Colorful bubbles.</p><p><strong>#4 Brick breakout game </strong>- Build your version of this classic brick breaker game. Dynamic game elements, adding bonus falling items and more. Take this game to the next level add more and customize the dynamic game values.</p><p><strong>#5 Battle Bots Game on Canvas – with 2 autonomous players or take control and have 2 players using the keyboard. You won’t find THIS GAME anywhere else – </strong></p><ul><li><p>How to draw elements on Canvas</p></li><li><p>How to add keyboard event listeners for arrow keys and player interaction</p></li><li><p>How to add animation for smooth gameplay</p></li><li><p>How to add game scoring and logic</p></li><li><p>How to apply automation to player movement</p></li><li><p>Create 2 player interaction and response to game actions</p></li></ul><p><strong>Projects -</strong></p><ol><li><p>How to download canvas image to computer – simple code to add a download button downloading your canvas image as base64 image file to your computer.</p></li><li><p>Create a Matrix falling letters effect using HTML5 Canvas. Add this special, effect using JavaScript</p></li><li><p>Explore how to make a bouncing ball on canvas</p></li><li><p>Upload images from your computer into canvas</p></li><li><p>Draw on canvas simple drawing application project</p></li></ol><p>Source Code included —</p><p>Explore how you can use JavaScript to draw within the HTML5 Canvas element on your webpages</p><p>Source Code included – step by step lessons with an introduction to basics of drawing on canvas. Course will walk through how to use JavaScript code and syntax to create visual content within the HTML5 canvas element on the webpage.</p><p>The canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D shapes and bitmap images.</p><p><strong>Course covers Getting started with HTML5 Canvas Drawing</strong></p><ul><li><p>How to Start Drawing on Canvas with JavaScript.</p></li><li><p>Learn Basics of Drawing on Canvas</p></li><li><p>Color Units and options for line and fill Color within Canvas objects </p></li><li><p>Strokes and Lines drawing more objects on Canvas</p></li><li><p>How to create Draw Arcs and Circles.</p></li><li><p>Add Text to Canvas JavaScript</p></li><li><p>Options and how to draw Line Styles Canvas</p></li><li><p>Using Images – Image Options Canvas HTML5 JavaScript drawing</p></li><li><p>Color Gradients and Styling Fun radial and linear</p></li><li><p>Applying Text Shadows to text content within Canvas</p></li><li><p>How to use Save and Restore.</p></li><li><p>Scaling reverse Text mirror your text content</p></li><li><p>Creating Canvas animations using JavaScript</p></li><li><p>Project how to create Image Rotator.</p></li><li><p>Canvas Drawing Draw a StickMan Challenge</p></li></ul><p>This course is a fast paced course with all the source code included – Please try the code as you got hough the lessons to learn.</p><p>There are prerequisites to this course – please ensure you do have the skillset to learn the content presented within the lessons. The design is to explore HTML5 Canvas and how it works. Scope of this course is HTML5 Canvas and content related to the learning objective will only be covered in the lessons of this course. Perfect to get introduced to HTML5 Canvas or as a refresher to anyone already familiar with web coding.</p><p>Taught by a web developer with over 20 years experience – ready to help you learn and answer any questions you might have.</p><p>Fast friendly support is always available within the Q&A section</p> | | | | | | | | | | | | | | | | | | |
|---|
| JSON Quick Introduction JSON Data JavaScript using JSON | https://www.udemy.com/course/learn-json-course-javascript/ | EXPLORE HOW you can use JSON data within you frontend applications JavaScript JSON – Quick Introduction to JSON Data | <p>Learn JSON – Quick Introduction to JSON Data</p><p>Explore how JSON data can be used within web pages – Explore how JavaScript Objects and JSON are used within JavaScript Coding</p><p>This course is a fast paced course with all the source code included – Please try the code as you got hough the lessons to learn.</p><p>There are prerequisites to this course – please ensure you do have the skillset to learn the content presented within the lessons. The design is to explore JSON and how it works. Scope of this course is JSON and content related to the learning objective will only be covered in the lessons of this course. Perfect to get introduced to JSON or as a refresher to anyone already familiar with web coding.</p><p>Course will introduce the basics of JSON and how JavaScript objects relate to JSON data.</p><p>Java Script is a prerequisite to this course as the scope and focus on the lessons is a quick introduction to JSON</p><ul><li><p>JavaScript vs JSON</p></li><li><p>JavaScript Objects Updates and creating JSON Objects</p></li><li><p>Validating JSON data structure</p></li><li><p>Complex JSON data with nested Arrays and Objects</p></li><li><p>JSON data types</p></li><li><p>How to iterate through JSON data</p></li><li><p>Connecting to a JSON file</p></li><li><p>Parse and Stringify of JSON data</p></li></ul><p>Source Code is included </p><p>Taught by a web developer with over 20 years experience – ready to help you learn and answer any questions you might have.</p><p>Fast friendly support is always available within the Q&A section</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Emailer PDF maker from Doc Template | https://www.udemy.com/course/learn-google-apps-script-course/ | Using a Google Doc Template – Populate the data from a Spreadsheet – Generate PDFs and email them to the listed emails | <p><strong>JavaScript is a prerequisite to this course !!!!!!!! </strong> The course demonstrates Applying Google Apps Script to create a time saving micro application making use of GSuite apps connected together to produce amazing functionality.</p><p><strong>Source Code is included</strong></p><p>Do you need to send a bunch of custom PDFs to a group of email recipients – of course you already have it listed in a Google Spreadsheet. Wouldn’t it be nice if this could be done with a simple script. You’re in luck!</p><ol><li><p>Create a spreadsheet list out the first name, last name and email of the person.</p></li><li><p>Create a Google Doc which can be used as a template with firstname lastname and data fields</p></li></ol><p>Now the fun part – coding with Google Apps Script.</p><ol><li><p>Use Google Apps Script to list all the data from the spreadsheet</p></li><li><p>Loop through the data populating the fields into new Google Doc created by Apps Script</p></li><li><p>Create a PDF from the Google Doc – Save to your drive if you want!</p></li><li><p>Send out the new PDF from the template with populated fields from the spreadsheet to the emails listed in the Spreadsheet</p></li><li><p>Thats it all done with a simple Google Script.</p></li></ol><p>Google Apps Script is a cloud based JavaScript Language that lets you power up your Gsuite and do some unbelievable things – saving you time. Like magic – great to amaze your coworkers :)</p><p>Taught by an instructor with many years of REAL World web development -<strong> Google Developer Expert!!!</strong></p><p><strong>Please note that this is a project based course and is fast paced focused on the project that is outlined in this description. </strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Slides Maker from SpreadSheet Data | https://www.udemy.com/course/google-apps-script-slides-maker/ | Create a time saving GSuite Google Apps Script project to automatically create a slide presentation from Sheet data | <p><strong>JavaScript is a prerequisite to this course !!!!!!!! </strong> The course demonstrates Applying Google Apps Script to create a time saving micro application making use of GSuite apps connected together to produce amazing functionality.</p><p>Source Code is included</p><p>Run the code and watch how it easily creates a Slides Presentation pre populated with content coming from a Google Spreadsheet.</p><p><strong><em>Tired of flipping through slides and creating a presentation slide by slide when you already have the content in a spreadsheet. </em></strong></p><p>This course is for YOU!!!</p><p>Google Apps Script is a cloud based JavaScript Language that lets you power up your Gsuite and do some unbelievable things – saving you time. Like magic – great to amaze your coworkers :)</p><p>Taught by an instructor with many years of REAL World web development -<strong> Google Developer Expert!!!</strong></p><p>Explore how you can setup content in a spreadsheet, loop through the rows of content and automatically create a presentation in slides.</p><p>Then open the slides presentation and adjust as needed.</p><p><strong>Please note that this is a project based course and is fast paced focused on the project that is outlined in this description. </strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Quick Start Guide Node JS for Beginners Getting started | https://www.udemy.com/course/node-js-course/ | Explore how you can get started with Node JS learn how to apply node and create mini applications with node code | <p>Get started with Node js – this fast paced course is designed to quickly show you the basics of node and how you can write node code.</p><p><strong>JavaScript is an absolute prerequisite to this course, you must have javaScript coding experience to take this course.</strong></p><p>Course provides source code and a pdf guide loaded with source code and resources to help you follow the lessons.</p><p>Learn how to setup your developer environment, install and get setup to code nodejs</p><p>Course covers the basics on coding node js</p><p>Explore how modules works, the default modules already included with node. Setup a local web server, load files. Create files and read files from your computer using node. Output html files directly into your browser. Localhost setup and running on your own machine.</p><p>Learn about creating modules and using them within your code.</p><p>You will be amazed at how easy it can be to do some really awesome things with node using just a few lines of code.</p><p>There are 100’s of thousands of prebuilt node modules that you can utilize within your own code. Using Node Package Manager NPM load packages and use them in your node application. </p><p>Taught by an instructor with many years of real world web development experience ready to help you learn NodeJS</p><p><strong>Fast friendly support is always available within the Q&A section</strong></p><p><strong>What are you waiting for, you have nothing to lose, join now and start coding </strong>NodeJS <strong>today</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| CSS Learn CSS Quick Start Course for Beginners Web Design | https://www.udemy.com/course/css-course-quick/ | Explore how you can create CSS applying styling to HTML element | <p><strong>Tried of boring HTML pages?</strong></p><p>This course is for you learn how to apply CSS to your HTML pages and bring them to life.</p><p><strong>Source Code included – Try the code and learn – See what you can do with Cascading Style Sheets!!!</strong></p><p>Step by Step lesson on how to get started with CSS </p><p><strong>HTML experience is a prerequisite to this course.</strong></p><p>Course covers</p><ul><li><p>Applying colors</p></li><li><p>options for units and color coding</p></li><li><p>Setting of background images to elements</p></li><li><p>Updating position</p></li><li><p>CSS syntax and how to select elements</p></li><li><p>Box model CSS border margins and padding of elements</p></li><li><p>Project code a website apply CSS to a basic HTML page</p></li><li><p>Pseudo classes</p></li><li><p>Display properties </p></li><li><p><strong>Cascading Style Sheets</strong> position</p></li><li><p><strong>Cascading Style Sheets Float</strong></p></li><li><p>Selecting multiple elements, selector nesting </p></li><li><p>Fonts and font styles</p></li><li><p>Commonly used CSS options</p></li><li><p>Top resources and tips for writing CSS</p></li></ul><p>Apply what you learned in the lessons, your skills are put to the test at the end of the section to design and update CSS to an HTML webpage. Transform it using CSS to the design and make it look like a real website.</p><p>Setting navigation bar and more.</p><p>Taught by an instructor with many years of real world web development experience ready to help you learn CSS</p><p><strong>Cascading Style Sheets </strong>is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.</p><p><strong>Fast friendly support is always available within the Q&A section</strong></p><p><strong>What are you waiting for, you have nothing to lose, join now and start coding CSS today</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Learn JavaScript Quick Course Beginners | https://www.udemy.com/course/javascript-learn/ | Fast Paced JavaScript Introduction course designed to get you started quickly – Core fundamental JavaScript Syntax | <p><strong>Perfect course to have a quick start or refresher to JavaScript.</strong></p><p>Warning this is a fast paced courses covering a lot of concepts quickly! – Source code is included and its suggested that you try the code between the lessons to get more familiar with it.</p><p>Several students asked for a quick refresher on the core concepts of JavaScript – this course delivers just that.</p><p>Code samples and explanations on what the code does – and demos of the code in the browser.</p><p>Course covers</p><ul><li><p>adding JavaScript to your HTML page</p></li><li><p>Running JavaScript code in your browser</p></li><li><p>Variables and assigning values</p></li><li><p>Functions and running blocks of code</p></li><li><p>Arrays and Objects – how to hold multiple values in one variable</p></li><li><p>Loops and iterations </p></li><li><p>Conditions and ternary operator to apply logic within coding</p></li><li><p>DOM – selection of elements from the webpage</p></li><li><p>DOM – adding event listeners like click to page elements</p></li></ul><p><strong>Create a GAME at the end – last 2 lessons you can apply what you learned to create a fun dice roll game.</strong></p><p>Apply what you learned create your own version of the game</p><p>Dice rolling game see who wins – display results on the webpage. Create dynamic page content and page interactions with event listeners.</p><p>Step by step learning – everything you need to create<strong> YOUR OWN VERSION OF THIS GAME!!!!</strong></p><p>Taught by an instructor with many years of <strong>REAL WORLD web development </strong>experience – <strong>READY to HELP YOU LEARN</strong></p><p>Fast friendly support is always available within the Q&A section</p><p>What are you waiting for – you have nothing to lose!!!</p><p>Source code is included step by step so you can copy the code try it out and get a feel for what JavaScript is doing.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Task Tracking Application with Google Apps Script GSuite | https://www.udemy.com/course/task-tracking-google-script-app/ | Explore what you can do with Google Apps Script and how you can use it to Create a Task Tracking web app | <p>Google apps script always you to connect with GSuite products to connect and customize connections between them</p><p>Within the upcoming lessons – we walk you through creating a Task tracking application from scratch to track tasks and projects into a Google Sheet. Interact with the web app have the data placed within the sheet.</p><p><strong>JavaScript is a prerequisite to this course – Prior coding experience is required!!!!</strong></p><p>Source code is included so that you can build your own version of the application.</p><p>Course covers building a fully functional web app using Google Apps Script – create a web app to track tasks within your spreadsheet</p><p><strong>This is a fast paced course focused on creating the web app using Google Apps Script!</strong></p><p>Focus of the course is script – CSS and frontend styling is done by using Bootstrap 4</p><ul><li><p>Explore how you can setup a webapp using Google Apps Script</p></li><li><p>Connect your webapp get data from the Spreadsheet </p></li><li><p>Output client side data to the webapp</p></li><li><p>Use Google Apps Script to connect Gsuite together </p></li><li><p>Track tasks and output from spreadsheet data</p></li><li><p>Update and edit spreadsheet data using the webapp</p><p><br></p></li></ul><p>Taught by an instructor with many years of web development experience ready to help you learn about Google Apps Script and how you can write code to create custom applications. </p><p>You have nothing to lose, start building your application today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Sites Google Apps Script File Sharing Mini Web App | https://www.udemy.com/course/learn-google-apps-script-webapp/ | Explore creating a mini application from scratch that will allow uploads of files to a Google Drive Folder. | <p>Explore how you can connect GSuite together to create a webapp that can upload files to your Gdrive folder, and track uploads into a spreadsheet while notify via email.</p><p>Step by step of building web applications that make use of GSuite connecting varies Classes together to rapidly build powerful applications.</p><p><strong>JavaScript is a prerequisite to this course – Prior coding experience is required!!!!</strong></p><p>Source code is included so that you can build your own version of the application.</p><p>Course covers applying Google Script Code – JavaScript and HTML to build a web application that can upload files into Google Drive. Also track uploaded file details within a Spreadsheet while sending notification emails as new content is uploaded.</p><p><strong>Course cover coding relevant to the project – SCOPE OF THIS COURSE IS BUILDING THE WEB APP – and will not cover basics of coding using JavaScript.</strong></p><p>Lessons and Learning Objective for this course</p><ul><li><p>Google Script editor and how to setup a Web App</p></li><li><p>Getting a web app and how to develop and update code</p></li><li><p>Setting up Google Sites page to host your Google Scripts Web App</p></li><li><p>Frontend client side code to upload file and send data to Google Scripts Server Side</p></li><li><p>Handling of data with Google Scripts – use of Utilities Class to manage file data</p></li><li><p>Creating Blob and copying file blob to Google Drive </p></li><li><p>Selecting specific Drive using ID value</p></li><li><p>Getting File Object details and saving to Spreadsheet</p></li><li><p>Selecting of files on the drive getting file object details from Google Script</p></li><li><p>Sending Email on File Upload</p></li></ul><p>Taught by an instructor with many years of web development experience ready to help you learn about Google Apps Script and how you can write code to create custom applications. </p><p>You have nothing to lose, start building your application today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| HTML Learn HTML5 in 1 Hour Quick Learn Course Beginners | https://www.udemy.com/course/html-learn-html5/ | Explore HTML and how you can begin creating web content writing HTML code for web pages All the Source Code included | <p>Welcome to our fast paced introduction to coding with HTML5</p><p>This course is perfect for anyone who wants to learn more about creating web content.</p><p><strong>Bonus PDF guide – Loaded with resources, code snippets and lesson information to help you learn</strong></p><p>Step by step guide to learn HTML code and how you can apply the code to your own web projects</p><p>Get started today with HTML</p><p>Course covers the basics – along with additional resources for expanded HTML learning</p><ul><li><p>Create a basic web page with HTML HEAD BODY and TITLE Tags</p></li><li><p>Create a basic web template that can be used as a starting point for all your web pages</p></li><li><p>Learn about tools needed to write HTML code and how to get coding right away</p></li><li><p>Upload and create your first public webpage that you can share with friends and family – Your own URL with your HTML code project :)</p></li></ul><p>Course covers </p><ul><li><p>Basic HTML tag and element</p></li><li><p>Common HTML tags and how to use them and what they do</p></li><li><p>Creating a Template</p></li><li><p>HTML character codes</p></li><li><p>Creating Lists with HTML</p></li><li><p>Headings and semantic page structure</p></li><li><p>Adding hyperlinks and images to your web page</p></li><li><p>Various text styled HTML tags</p></li><li><p>Tables and styling of table elements</p></li><li><p>Setting up github page</p></li></ul><p>Taught by an instructor with many years of web development experience ready to help you learn more about HTML</p><p>Fast friendly support is always available within the Q&A section</p><p>What are you waiting for, you have nothing to lose, join now and start coding HTML today</p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript DOM Game Blackjack JavaScript Game from Scratch | https://www.udemy.com/course/javascript-game-code/ | Explore JavaScript Document Object Model web page element updates manipulation using JavaScript code to create a GAME | <p>Explore how you can create a JavaScript DOM based game from scratch using JavaScript</p><p>Update and manipulate web page element with JavaScript Code – No libraries No tricks all JavaScript</p><p><strong>This course focuses on JavaScript</strong></p><ul><li><p>Create elements and add them to your web page using JavaScript – Yes loaded with examples and way to do this easily.</p></li><li><p>Add event listeners to create interactive content using JavaScript</p></li><li><p>Dynamic content and interactions updating web page elements</p></li><li><p>Do more with JavaScript – Learn to apply JavaScript best of all while build a <strong>FUN INTERACTIVE GAME</strong></p></li><li><p>Blackjack game – Easy to create with simple rules</p></li><li><p>Create visual cards using CSS</p></li><li><p>Apply styles, classes and interactions to elements</p></li></ul><p>Step by step learning – everything you need to create<strong> YOUR OWN VERSION OF THIS GAME!!!!</strong></p><p>Learn how to add functions that run the code in sequence to make a game</p><p>Learn more about game design along the way</p><p>Taught by an instructor with many years of <strong>REAL WORLD web development </strong>experience – <strong>READY to HELP YOU LEARN</strong></p><p>Fast friendly support is always available within the Q&A section</p><p>What are you waiting for – you have nothing to lose!!!</p><p><strong>BUILD YOUR OWN VERSION of the GAME TODAY!!!!</strong></p><p>Source code is included step by step so you can copy the code try it out and get a feel for what JavaScript is doing.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Page Scroll Endless Scroll Vanilla JavaScript | https://www.udemy.com/course/javascript-json-scroll/ | AJAX request on page bottom to load more content, fetch request to an API return more conten load JavaScript | <p>Please note this course is small and scope is to develop endless scroll effect to content container in a webpage.</p><p>Using JavaScript connect to an API endpoint, load more content into the container as the user is at the bottom. Using only JavaScript no libraries or other code.</p><p>Course will demo how to connect to an API using JavaScript fetch, return content and load that content into a webpage.</p><p>Load pages of content from the API – please keep in mind API endpoints do vary and this is one possible option to create this effect with a particular endpoint setup for this course.</p><p>Taught by an instructor with over 20 years of REAL WORLD experience ready to help you learn more about JavaScript and how to create useful functionality on your web pages.</p><p>Fast friendly support is always available in the Q&A section</p><p>Please note that the scope of this course using JavaScript creating a JavaScript Page Scroll using AJAX to request new JSON content from and API If you are looking for a more detailed JavaScript course this course is not for you. Simple course with limited scope designed to be topic specific. This course is designed to demonstrate creating a specific topic, the content load on scroll event. API endpoints will vary with content structure that is returned. The course is a simple project in response to students who have asked about setting up this functionality. JavaScript, JSON and AJAX knowledge are prerequisite to this course.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Bootstrap 4 Quick Website Bootstrap Components Course | https://www.udemy.com/course/learn-bootstrap-4-course/ | Bootstrap 4 for rapid website development – fundamentals of Bootstrap 4 websites, applying components create web pages | <p>Do you want to build a full responsive website quickly ? Bootstrap is perfect for that. </p><p>Bootstrap is the most popular frontend framework </p><p>- which lets you with just a few classes in your HTML elements do some incredible things</p><p>- you can create a webpage and then quickly apply styling</p><p>- construct amazing looking websites that work across different screen sizes seamlessly. </p><p><strong>Bootstrap</strong> is a powerful library or what is know as framework that can help you design websites faster and easier. </p><p>It includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels, and a whole lot more.</p><p>Its enjoyed by web developers of all levels, as it allows the easy build of attractive website designs in minutes. All you need is basic HTML and a little CSS and you can easily get started with Bootstrap</p><p>Check out bootstrap and see all the amazing websites you can build.</p><p><br></p><p>This is a prebuilt CSS file – ready for you to apply CSS classes and create your website.</p><p>Course covers the basics of Bootstrap – how to setup a website with Bootstrap quickly and easily in minutes. Go from wireframe to real website applying classes and attribute to HTML elements. Knowing the options will allow you to quickly build websites with Bootstrap.</p><p><strong>Please note this course will first walk through a quick website creation with Bootstrap and then demo with examples the core Bootstrap components that can be applied to create websites with Bootstrap.</strong></p><p><strong>—–HTML and Basic CSS understanding is required—–</strong></p><p>Course covers commonly used components and various components that can be used to create quick website designs.</p><p>Source Code is included, Example of how to build a website using a wire frame make it come to life with Bootstrap, sample code and lessons on Bootstrap 4 components. </p><p><strong>Create your website in 4 easy steps</strong></p><ul><li><p>Setup HTML template typical structure for a website</p></li><li><p>Build the Grid with Bootstrap</p></li><li><p>Add components to showcase the required content</p></li><li><p>Make adjustments with colors and other utilities.</p></li></ul><p><strong>Covers everything you need to get started with Bootstrap 4</strong></p><ul><li><p>Bootstrap 4 Layout Quick HTML page structure</p></li><li><p>Use of popular Bootstrap 4 Components</p></li><li><p>Bootstrap 4 Alerts</p></li><li><p>Bootstrap 4 Badges</p></li><li><p>Using Breadcrumb from Bootstrap 4</p></li><li><p>Cool Bootstrap 4 Buttons</p></li><li><p>Explore Bootstrap 4 Cards</p></li><li><p>Carousel creation of amazing slideshows Bootstrap 4</p></li><li><p>Collapse content accordion and more Bootstrap 4</p></li><li><p>Dropdowns with Bootstrap 4</p></li><li><p>Bootstrap 4 Forms formatting with Input groups</p></li><li><p>Jumbotron to make your content stand out Bootstrap 4</p></li><li><p>List groups grouping content in lists Bootstrap 4</p></li><li><p>Wow Bootstrap 4 Modals</p></li><li><p>Responsive collapsing Nav and Navbars Bootstrap 4</p></li><li><p>Pagination with Bootstrap 4</p></li><li><p>Easy Bootstrap 4 Popovers</p></li><li><p>Progress bar and more Bootstrap 4</p></li><li><p>Scrollspy to active navbar Bootstrap 4</p></li><li><p>Spinners for Bootstrap 4</p></li><li><p>Bootstrap 4 Toasts</p></li><li><p>Adding Bootstrap 4 Tooltips</p></li></ul><p>Bootstrap 4 framework – rapid website development – select and add classes to build your website.</p><p>Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.</p><p>Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.</p><p>Fast friendly support is always available to help you learn more.</p><p><strong>You have nothing to lose, create your website with Bootstrap 4 Today!!!!</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| CSS Flexbox Quick introduction to using FlexBox CSS style | https://www.udemy.com/course/css-flexbox-course/ | Explore how you can use Flexbox to layout page elements | <p>Explore more about using Flexbox with examples and sample code to get you coding.</p><p>Flexbox is a one-dimensional layout method for laying out items in rows or columns. Items flex to fill additional space and shrink to fit into smaller spaces</p><p>Please note that the scope of this course using CSS Flexbox. If you are looking for a more detailed CSS course this course is not for you. Simple course with limited scope designed to be topic specific.</p><p>Taught by an instructor with over 20 years of Web Development experience.</p><p>If you’ve been looking to get started with CSS Flexbox - THIS COURSE IS FOR YOU!!!!</p><p>Nothing to lose – Fast friendly support is always available to help if you need it.</p><p><strong><em>Please note that the SCOPE OF THIS COURSE IS Creating and using CSS flexbox and will not cover complex commands and everything about CSS, HOW TO GET STARTED COURSE – if you are looking at more detailed node or JavaScript content this is not for you.</em></strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| AJAX API JSON Connect to JSON data using AJAX webpage | https://www.udemy.com/course/ajax-api-json/ | JavaScript for beginners JavaScript Objects and JSON data for web pages AJAX request for JSON data to use in JavaScript | <p>Explore how you can connect to various endpoints on the web and get JSON data to use on your website. </p><p><strong>JSON data and JavaScript Objects</strong></p><p><br></p><p><strong>JavaScript Object Notation </strong>(<strong>JSON) </strong>is an open-standard file format or data interchange format that uses human-readable text to transmit data objects consisting of attribute–value pairs and array data types. It is a very common data format, with a diverse range of applications.</p><p><strong>JSON</strong> is a language-independent data format. It was derived from JavaScript, but many modern programming languages include code to generate and parse JSON-format data. The official Internet media type for JSON is application/json. JSON filenames use the extension .json.</p><p><strong>AJAX </strong>(“Asynchronous JavaScript + XML”) is a set of web development techniques using many web technologies on the client side to create asynchronous web applications. With Ajax, web applications can send and retrieve data from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. By decoupling the data interchange layer from the presentation layer, Ajax allows web pages and, by extension, web applications, to change content dynamically without the need to reload the entire page.</p><p>In practice, modern implementations commonly utilize <strong>JSON</strong> instead of XML.</p><p>Course Covers </p><ul><li><p>JavaScript Objects and how they are used in code to retrieve values and store groups of related data sets</p></li><li><p>JavaScript Arrays – a data structure commonly used in JSON to contain Objects </p></li><li><p>JSON vs JavaSCript Objects</p></li><li><p>Iterate Array Contents</p></li><li><p>JSON parse and Stringify</p></li><li><p>Tools online to help connect to endpoints and debug AJAX requests</p></li><li><p>Use of JavaScript Fetch to return content</p></li><li><p>GET and POST methods to web endpoints</p></li><li><p>Various examples of open web APIs</p></li></ul><p><strong>Source Code is included.</strong></p><p>JavaScript Object</p><p>An object is a collection of related data and/or functionality.</p><ul><li><p>Functions can be contained in JavaScript objects they are referred to as methods within the object.</p></li><li><p>JavaScript objects names don’t need quotes, can be single, double or none.</p></li><li><p>Values can be Strings, Numbers, Booleans, Arrays, Objects</p></li></ul><p>Create an object setting a variable name and assigning the {} to the variable.</p><p>Object names can hold values of other objects and arrays</p><p>Can go multiple levels deep, as many as needed.</p><p><strong>Dot notation : </strong>The object name (person) acts as the namespace, then a dot, then the item you want to access.</p><p><strong>Bracket notation</strong> : Similar format to arrays, instead of using an index number to select an item you are using the name associated with each member’s value.</p><p><strong>JavaScript Array</strong></p><p>An Array can hold multiple values</p><p>Arrays cannot use strings as element indexes but must use integers.</p><p>Arrays are zero based, first index value is always 0;</p><p>Array values can be strings, numbers, booleans, arrays or objects.</p><p>The design of objects and arrays is to hold lots of content. You can loop through the content in a number of ways using JavaScript.</p><p>You can loop through the data in the array using a number of methods in JavaScript. Arrays need the index to find the value associated with it. If objects are contained within you should structure them the same way so it is easier to check the values contained.</p><p>Objects have length so using a for loop is possible. There is also Object.entries which can get the key and the value from the object.</p><p>Keep data structured the same so that you can easily determine where the values are located.</p><p>The<strong> JSON.stringify()</strong> method converts a JavaScript object or value to a JSON string</p><p>The <strong>JSON.parse() </strong>method parses a JSON string, constructing the JavaScript value or object described by the string</p><p>The JSON object contains methods for parsing JavaScript Object Notation (JSON) and converting values to JSON.</p><ul><li><p>Objects and Arrays: Property names must be double-quoted strings; trailing commas are forbidden.</p></li><li><p>Numbers: Leading zeros are prohibited; a decimal point must be followed by at least one digit. NaN and Infinity are unsupported.</p></li></ul><p>Please note that the scope of this course using JavaScript and JSON data outputting via JavaScript. If you are looking for a more detailed JavaScript course this course is not for you. Simple course with limited scope designed to be topic specific.</p><p>Taught by an instructor with over 20 years of Web Development experience.</p><p>If you’ve been looking to get started with AJAX and JSON- THIS COURSE IS FOR YOU!!!!</p><p>Nothing to lose – Fast friendly support is always available to help if you need it.</p><p><strong><em>Please note that the SCOPE OF THIS COURSE IS Creating a simple API and JSON and will not cover complex commands and everything about JavaScript, HOW TO GET STARTED COURSE – if you are looking at more detailed node or JavaScript content this is not for you.</em></strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Free Hosted Website on GitPages and simple Git Guide | https://www.udemy.com/course/git-course-gitpages/ | Explore how you can get started with GitHub create a hosted webpage from your repo and lots more | <p><strong>Bonus free PDF guide </strong>packed full of resources and code snippets to help you learn – follow the lessons using the guide! Learning made easy :)</p><p>Course is designed as a starter course to demo how to setup a free hosted website within gitPages </p><p>Covers basics of git and how it works</p><p>Tips and resources provided – including code editor that is used Brackets and how to start with simple git commands</p><p>Update your website locally and push it to your GitPages – made easy with easy to follow instructions and examples</p><p>Git command guide – simple git commands </p><p>Taught by an instructor with over 20 years of Web Development experience.</p><p>If you’ve been looking to get started with Git – wanted to refresh your git knowledge – learn the basics of git – or just want to see how you can get a free hosted website THIS COURSE IS FOR YOU!!!!</p><p>Nothing to lose – Fast friendly support is always available to help if you need it.</p><p><strong><em>Please note that the SCOPE OF THIS COURSE IS BASICS of GIT and will not cover complex commands and everything about GIT its a simple HOW TO GET STARTED COURSE – if you are looking at more detailed git this is not for you.</em></strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Chrome DevTools Introduction Web Developers Guide | https://www.udemy.com/course/devtools-course/ | Learn how use Chrome DevTools improve on Debugging, Customize look and feel and learn some shortcuts for Web development | <p>Learn how use Chrome DevTools improve on Debugging, Customize look and feel and learn some shortcuts for Web development.</p><ol><li><p><strong>BONUS - Free eBook PDF guide for lessons</strong></p></li><li><p><strong>2 Web scavenger hunt lesson challenges</strong></p></li><li><p><strong>Exercise in each lesson to practice and challenge your skills</strong></p></li></ol><p>Perfect course to explore more about what Chrome DevTools has to offer and how you can use devTools for development.</p><p>Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. </p><p>DevTools </p><ul><li><p>Help you edit pages on-the-fly </p></li><li><p>Diagnose problems quickly</p></li><li><p>Test and try code</p></li><li><p>Write code snippets</p></li><li><p>Inspect Code</p></li><li><p>Check responsiveness </p></li></ul><p>DevTools ultimately helps you build better websites, faster. Most browsers have their own version of devtools.</p><p>Course covers</p><ul><li><p>Open DevTools</p></li><li><p>Element Panel</p></li><li><p>Where to compute and get box model details</p></li><li><p>using the Console and JavaScript coding</p></li><li><p>Snippets of code running and saved in the console</p></li><li><p>Access local filesystem with DevTOols</p></li><li><p>Network for file load times and debugging</p></li><li><p>Application tab for session and local storage values</p></li><li><p>Audit Panel and how to get website improvement report</p></li><li><p>Shortcuts and getting more help with DevTools</p></li></ul><p>Taught by an instructor with over 20 years of web development experience ready to help you learn about DevTools</p><p><br></p><p><strong>Chrome DevTools</strong><br>Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools can help you edit pages on-the-fly and diagnose problems quickly, which ultimately helps you build better websites, faster.</p><p>Open DevTools<br>There are many ways to open DevTools, because different users want quick access to different parts of the DevTools UI.</p><p>When you want to work with the DOM or CSS, right-click an element on the page and select Inspect to jump into the Elements panel. Or press Command+Option+C (Mac) or Control+Shift+C (Windows, Linux, Chrome OS).<br>When you want to see logged messages or run JavaScript, press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to jump straight into the Console panel.</p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Getting Started Web Development Tools and Resources | https://www.udemy.com/course/web-development-introduction/ | Basics of web development – how to get started learning and understanding the basic foundations for web development | <p><strong>Bonus PDF guide Packed full of tips </strong>- resources and useful information presented within the course.</p><p><strong>Perfect course to get YOU STARTED – First stop to becoming a web developer.</strong></p><p>Fundamentals of how the internet works, basics of what coding is and how to start coding to create web content.</p><p>Course walks you through how the internet works and what tools and resources to consider for creating websites and web content. </p><ul><li><p>Introduction to how the internet works</p></li><li><p>What a web browser does</p></li><li><p>How computers connect to DNS</p></li><li><p>How files are sent from a server to your computer browser</p></li><li><p>Servers and the internet</p></li><li><p>File types for web based coding</p></li><li><p>Server and browser – Source Code</p></li><li><p>Coding tools editors and online editors</p></li><li><p>Learning to code and resources</p></li><li><p>Useful tools and code checking</p></li><li><p>Web developer tracking of projects and communication</p></li><li><p>Tips to grow and expand with web development</p></li><li><p>Interesting resources and useful stuff</p></li></ul><p>Taught by an instructor with over 20 years of web development experience, ready to help you learn more.</p><p>You have nothing to lose – take the first step today!!!</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Make Images HTML5 Canvas save to Gdrive | https://www.udemy.com/course/google-apps-script-images/ | Using HTML5 Canvas upload images make customizations and save to your Google Drive. | <p>Explore how you can create an interactive web application that uses HTML5 canvas to create images and customize uploaded images. Save to your GDrive directly and get the URL path to the image back.</p><p>Source code is included so you can copy and paste the code to try for yourself.</p><p>Course is about applying Google Apps Script and JavaScript </p><p>Step by step learning</p><p><strong>Course Covers applying GOOGLE APPS SCRIPT – </strong></p><ul><li><p>How to setup a Web App and deploy a web app with Google Apps Script</p></li><li><p>How to get an image into base64 value from GDrive</p></li><li><p>How to output an image to web app as base64</p></li><li><p>Creating HTML5 canvas editor for images</p></li><li><p>Add Client side functionality with JavaScript</p></li><li><p>Updating image in Canvas with option buttons</p></li><li><p>Uploading image from computer adding text and logo image</p></li><li><p>Upload image to Google Drive – newly create canvas image as base64</p></li><li><p>Save image to drive from client side</p></li><li><p>Upload images send as email</p></li></ul><p>Create your own version of this application, extend on the functionality and have fun learning more about Google Apps Script.</p><p>Fast friendly support is always available within the Q&A section</p><p>Experienced instructor with over 20 years of experience ready to help you learn</p><p>You have nothing to lose – Join now and start learning to create your own version of this <strong>helpful application today!!!</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Advanced YouTube Video API | https://www.udemy.com/course/apps-script-youtube/ | Explore how you can build a web app that searches YouTube and returns video data using Google Apps Script | <p>Course covers applying Google Apps Script to create an application from scratch</p><p>Search YouTube - return the results and output the results into a web app page, or track the results into a spreadsheet.</p><p>Source code is included and it is suggested to try the code for yourself.</p><p>This is a starter project which you can extend upon and make more advanced functionality</p><p>Course covers</p><ul><li><p>Adding YouTube service to Google Apps Script project</p></li><li><p>Using youTube Service in Google apps Script code</p></li><li><p>Searching YouTube and returning the results into JSON data</p></li><li><p>Using results within code to output content</p></li><li><p>Setting up a webapp with Google Apps Script</p></li><li><p>Sending data from client side to server side with Google Script</p></li><li><p>Using JavaScript to create elements and add event listeners to webpage</p></li><li><p>Writing content to a Google Spreadsheet</p></li></ul><p>Taught by an instructor with over 20 years of experience ready to help you learn more about Google Apps Script</p><p>You have nothing to lose – see what amazing things you can build with Google Apps Script.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Script Apps Fun with Spreadsheets Mini Projects | https://www.udemy.com/course/google-apps-script-code/ | Explore some of the amazing things you can do with Google Apps Script within Google Spreadsheets | <p>Course included multiple useful code snippets to help you supercharge your Google Apps Script applications.</p><p>The SpreadsheetApp Class has a lot of really great functionality in the course lessons we will be exploring how to make use of some of these functions, adding them to mini projects that students are encouraged to build upon and extend upon. </p><p><strong>Course covers APPLYING Google APPS SCRIPT – Prior JAVASCRIPT experience is REQUIRED for this course.</strong></p><p>Topics include</p><ul><li><p>Appending new rows of content to Google sheets</p></li><li><p>Setting styling like font size to cells</p></li><li><p>Setting of formulas within cells</p></li><li><p>Updating values dynamically</p></li><li><p>Use of UI object within the spreadsheet Class Ui </p></li><li><p>Creating custom functions find and replace for sheet menu</p></li><li><p>Getting Cell data and updating cell data, getting formulas….</p></li><li><p>Create content from spreadsheet as HTML tables- then email it or use in a web app</p></li><li><p>Email service sending emails to active user</p></li><li><p>Copying spreadsheet as a PDF – creating a blob and emailing the PDF </p></li><li><p>Selecting and getting active selected content</p></li><li><p>Search option added to user menu – searching gDrive folders and returning results into Spreadsheet</p></li><li><p>Adding folder search results to a spreadsheet</p></li><li><p>Checking for values in sheet and updating column values depending on result</p></li><li><p>Copy and duplicate of sheet contents</p></li></ul><p>UI – An instance of the user-interface environment for a Google App that allows the script to add features like menus, dialogs, and sidebars. A script can only interact with the UI for the current instance of an open editor, and only if the script is container-bound to the editor.</p><p>Source code is included so you can copy and paste the code to try for yourself.</p><p>Course is about applying Google Apps Script and JavaScript </p><p>Step by step learning</p><p>Fast friendly support is always available within the Q&A section</p><p>Experienced instructor with over 20 years of experience ready to help you learn</p><p>You have nothing to lose – Join now and start learning to create your own version of this <strong>helpful application today!!!</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Build 28+ Fun Projects Sites G Suite | https://www.udemy.com/course/google-apps-script-projects/ | Explore Google Apps Script see amazing Google Apps Script projects build power up your GSuite Google Apps Script Plus | <p><strong>Google Apps Script will amaze YOU! – Loaded with content to teach you how to use Google Apps Script and create some amazing projects, Source code is included</strong></p><p>more content and projects added all the time ….. check out the new projects in the last sections.</p><p>Even if you have never seen Google Apps Script before – you NEED to check out this course. There is so much you can do when you connect the Google Suite of Products together and power up your Google G Suite workflow – save time – build some cool stuff.</p><p><strong><em>Course is taught by an official GOOGLE DEVELOPER EXPERT for G Suite – Learn to create awesome applications connecting you Google Suite of Products together using Google Apps Script.</em></strong></p><p>Perfect course to learn more about Google Apps Script </p><p>Even if you have never coded Apps Script Before – we have you covered step by step intro covering use of fundamental JavaScript to get you started with Google Apps Script. Wow you friends and family with Google Apps Script</p><p>Write a little code and do so so much<strong> Google Apps Script </strong></p><p><em>”I never knew Google Apps Script can do all this”</em></p><p><em>”This course was perfect for me to learn and build my own project”</em></p><p><em>”I think I’ve found a new career – I love it Google Apps Script Rules”</em></p><p><em>”This is simply amazing Google Apps Script”</em></p><p><em>”Google Apps Script is easy to learn I am a JavaScript developer and it took me no time at all”</em></p><p>Everything you need to get started with Google Apps Script in one big course.</p><p>Apps Script is a scripting platform developed by Google for light-weight application development in the G Suite platform.</p><p><strong>Build amazing Web Apps</strong></p><p><strong>Connect to your Google Spreadsheet </strong>as a source of data for your WEBSITE – Any webs connect with AJAX</p><p><strong>Email users with the power of Gmail</strong></p><p><strong>Track users in a spreadsheet</strong></p><p><strong>Get messages from users right into a spreadsheet</strong></p><p><strong>Share content of your drive </strong>- create an image gallery for your website from images sitting on your Gdrive</p><p><em>Let your imagination go wild </em>- whatever you can dream up Google Apps Script can help you accomplish it</p><p><strong>Automate your tasks</strong></p><p>Build web apps and automate tasks with Google Apps Script</p><p>Apps Script is a rapid application development platform that makes it fast and easy to create business applications that integrate with G Suite.</p><p>No need for a database – save your time using Google Script for backend functionality</p><p><strong>Start Scripting</strong></p><ul><li><p><strong>Build with Google</strong></p><p>Feature-rich APIs let you extend Google services and build your own web applications.</p></li><li><p><strong>Code on the Web</strong></p><p>A web browser is all you need to build with Google Apps Script.</p></li><li><p><strong>Share your App</strong></p><p>Store and share your projects in Google Drive or publish on the Chrome Web Store.</p></li></ul><p>Learn the fundamental concepts of Google Apps Script – it’s based on JavaScript allowing you to connect the power of your Google Suite of products together to do some really amazing things. The upcoming lessons are going to show you the basics of how to get started creating your own projects with Google Apps Script.</p><p>The sections can be skipped if you are already familiar with the content, they are not dependant on the ones prior and fully wrapped within each project from start to finish. You choose which ones you want to do next, have fun.</p><p><strong>Introduction to Google Apps Script -</strong> Find out how it works, get a quick refresher on JavaScript fundamentals like variables, arrays, objects, loops, functions and conditions. Try it out and see with just a few lines of code how you can create a doc, spreadsheet access the Google Calendar add events, and send emails with Script.</p><p><strong>Project #1 – Form Submission auto response </strong>- Create custom responses and run code all triggered by a user submission of form data. Connecting Google Suite together to make things happen. This is a common and simple application that can be really useful in a number of ways.</p><p><strong>Project #2 – YouTube API – Connect to YouTube -</strong> get content from YouTube that you can use within your application. This section demonstrates utilizing the power of YouTube, searching and retrieving video information back into a web app. Create a webapp with Google Script that can be used to search YouTube and video results.</p><p><strong>Project #3 – Spreadsheet User data Project – </strong>Add user data to a Spreadsheet, then take action from the Spreadsheet UI to send emails and update the data. This is a dashboard designed to help manage user lists and send out emails all done within a Spreadsheet.</p><p><strong>Project #4 – Spreadsheet Mini Projects – </strong>A collection of useful code snippets that do commonly asked for things within Spreadsheets. Explore functionality that can be extended upon to create useful additions to your web applications. Code snippets and mini projects that you can connect and extend upon.</p><p><strong>Project #5 – Spreadsheet Data as API JSON – </strong>Explore how you can output JSON data from your spreadsheet and use within your websites as a data source and content. Use JavaScript fetch to connect to the JSON data coming from Google Scripts Web App.</p><p><strong>Project #6 – GDrive Image Gallery – </strong>Use your Gdrive as a source for website images, creating an image gallery project to showcase images from your drive.</p><p><strong>Project #7 – HTML5 Canvas image uploader – </strong>Fun project that allows users to create images within HTML5 Canvas, and save them to Gdrive. Upload images into canvas then add text and logo then save as an image to GDrive.</p><p><strong>Project #8 – HTML editor saving HTML files – </strong>Using CKEditor create and save HTML files on GDrive. Select existing files from Gdrive and update the content of the file. Fun mini project that focuses on GDrive and file management.</p><p><strong>Project #9 – Simple AutoResponse – </strong>Mini project to demo creating an email template, using triggers to automate form responses and tracking data into Spreadsheets.</p><p><strong>Project #10 – PDF Uploader – </strong>Mini Project using Google Script to create files, use of blobs for PDF and sending of emails.</p><p><strong>Google Sites</strong> – Perfect place to host all of your Google Web Apps in one place, showcase your work and more. A quick intro and overview of the new Google Sites.</p><p><strong>Project #11 – GmailApp – </strong>Send email with an image attachment that will be copied to your GDrive and moved to another label within your Gmail Folders.</p><p><strong>Project #12 – WebApp Sheet data as API -</strong> Explore how you can output Sheet content into a Web API as JSON data</p><p><strong>Project #13 – Google Apps Script Consent Form Exercise – JavaScript Cloud – </strong>Useful project on how to create a webapp form have users select fill it out and get a PDF of their response info.</p><p><strong>Project #14 – Google Sheets as JSON data source for JavaScript -</strong> Using Google Sheets as a source for data for your website</p><p><strong>Project #15 – Build a team site on sites. </strong>Google Apps Script – Project Exercise Spreadsheet web app Team Site on Sites. Posting board where users can post messages.</p><p><strong>Project #16 – Simple Google Sheet input </strong>Project Submit data to your spreadsheet from your website</p><p><strong>Step by step learning </strong>Google Apps Script </p><p>Fast friendly support is always available within the Q&A section</p><p>Experienced instructor with over 20 years of experience ready to help you learn</p><p>You have nothing to lose – Join now and start learning to create your own version of this <strong>helpful application today!!!</strong></p><p>Create your own amazing time saving application – Google Apps Script </p><p>Did you know you can automate Google Apps Script </p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script WYSIWYG editor and email HTML maker | https://www.udemy.com/course/google-apps-script-webapp/ | Google Script Apps Google Apps Script WYSIWYG editor and email HTML maker | <p>Use a WYSIWYG editor to create files and save them to GDrive. Use the files, update and select them edit and more.</p><p>Send content as structure HTML emails </p><p>Course covers :</p><ul><li><p>Create Google Apps Script Web App</p></li><li><p>Adding libraries WYSIWYG editor to Google Apps Script Web App</p></li><li><p>Find files in folder</p></li><li><p>Open files as HTML in editor</p></li><li><p>Save files</p></li><li><p>Email HTML files</p></li></ul><p>Source code is included so you can copy and paste the code to try for yourself.</p><p>Step by step learning</p><p>Fast friendly support is always available within the Q&A section</p><p>Experienced instructor with over 20 years of experience ready to help you learn</p><p>You have nothing to lose – Join now and start learning to create your own version of this <strong>helpful application today!!!</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Script Apps Email From Spreadsheet list | https://www.udemy.com/course/google-script-apps-project/ | Google Script Apps Google Script Apps Email From Spreadsheet list | <p>Explore how you can create a simple powerful application with Google Apps Script that connects your Google Suite together</p><p><strong>Use Google Apps Script to create advanced functions within your spreadsheet</strong></p><p>Use the spreadsheet to manage a user list, click the members on the list and send out confirmation emails. Track emails that have been sent. Create your own custom HTML template mail that gets sent to the users on the list. Use the spreadsheet UI menu to add buttons for administration of the spreadsheet data. You will be amazed at how easy it is to create powerful functionality that helps power up your Google Suite of products.</p><p><strong>JavaScript is a prerequisite to this course.</strong></p><p>Course covers applying Google Apps Script to build a project application.</p><ul><li><p>Add items to the spreadsheet UI menu that can trigger functions in Google Apps Script</p></li><li><p>Select user active cell content from the spreadsheet</p></li><li><p>Create HTML template to send email</p></li><li><p>Use Alerts to accept user actions</p></li><li><p>Update values of the spreadsheet data</p></li><li><p>Select ranges and update content in the range</p></li><li><p>Get content from the spreadsheet</p></li><li><p>Send email from Google Apps Script</p></li></ul><p><strong>Google Script Apps Email From Spreadsheet list Source code is included so you can copy and paste the code to try for yourself.</strong></p><p><strong>Step by step learning</strong></p><p>Fast friendly support is always available within the Q&A section</p><p>Experienced instructor with over 20 years of experience ready to help you learn</p><p>You have nothing to lose – Join now and start learning to create your own version of this <strong>helpful application today!!!</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Drive Image Gallery Website JavaScript Google Script | https://www.udemy.com/course/image-gallery-website-apps-script/ | Create a dynamic image gallery getting images from your Google Drive Folder and placing them on your website JavaScript | <p>Create your own website that <strong>DYNAMICALLY GETS IMAGES</strong> from your Google Drive !!!!!</p><p>Learn more about<strong> JavaScript </strong>and how <strong>JavaScript ES6</strong> can be applied to create amazing<strong> JavaScript projects</strong>. Course is loaded with <strong>JavaScript Examples</strong> and perfect <strong>JavaScript for Beginners</strong> to learn more about <strong>JavaScript Online</strong>. Writing<strong> JavaScript Code</strong> using <strong>vanilla JavaScript </strong>- no libraries no tricks this<strong> JavaScript tutorial </strong>the <strong>JavaScript Course </strong>will walk you through creating your own<strong> JavaScript code </strong>and provide many <strong>JavaScript Code Snippets</strong> for use in <strong>JavaScript programming.</strong> <strong>Learn JavaScript</strong> with this step by step<strong> JavaScript Course.</strong></p><p>Created with Google Apps Script – allows you to create WebApps with JSON content for your website that you can make an AJAX request and get those images directly showing on your webpage.</p><p>Get data from Google Drive and use that data within you JavaScript application.</p><p>Previous JavaScript knowledge is a prerequisites to this course – <strong>YOU MUST HAVE JAVASCRIPT EXPERIENCE</strong></p><p>Course is focused on applying JavaScript to connect to web APIs and get back JSON data using Google Apps Script to construct the API.</p><p><strong>Course covers:</strong></p><ul><li><p>How to search the drive folder and get the image information</p></li><li><p>How to output JSON data into a Google Script web app</p></li><li><p>Building your endpoint to connect to Google Apps Script web app</p></li><li><p>Using JavaScript fetch to connect to JSON data</p></li><li><p>Applying JavaScript forEach to loop data and use it in the code</p></li><li><p>Building Elements for the page and updating attributes</p></li><li><p>Adding CSS </p></li><li><p>Compete WebApp with Modal popup for fullsize viewing of images</p></li><li><p>Complete Gallery display of Google Drive Images.</p></li></ul><p>Source code is included so you can copy and paste the code to try for yourself.</p><p>Step by step learning</p><p>Fast friendly support is always available within the Q&A section</p><p>Experienced instructor with over 20 years of experience ready to help you learn</p><p>You have nothing to lose – Join now and start learning to create your own version of this <strong>helpful application today!!!</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Spreadsheet API Apps Script and JavaScript | https://www.udemy.com/course/spreadsheet-json-ajax/ | AJAX from your web application to Google Apps Script Web App API to get data from Google Spreadsheet | <p>Explore how you can setup a simple application that can output your Spreadsheet content as JSON data to be used within your websites. Using Google Apps Script your can setup a web app URL that can receive GET and POST requests. The GET requests can be set to output spreadsheet object data as JSON.</p><p>Additionally explore how you can send input data to your spreadsheet from your website. Using Google Apps Script POST web app, you can get data requests and add them to your Spreadsheet</p><p>You will be amazed at how easy it can be to setup this powerful application.</p><p>Source Code is included to get you started quickly</p><p><strong>Course Covers :</strong></p><ul><li><p>Basics to web editor for writing Google Apps Script</p></li><li><p>Setup of Bound script for Spreadsheet Data</p></li><li><p>Creation of web app </p></li><li><p>Output of Spreadsheet data as JSON in web app format</p></li><li><p>Use of fetch to connect to API web app endpoint to get JSON data</p></li><li><p>JavaScript to loop through content in JSON JavaScript Object</p></li><li><p>Creating elements using the document object</p></li><li><p>Styling and debugging of webapp application</p></li></ul><p><br></p><p>Taught by an instructor with over 20 years of web development experience ready to help you learn.</p><p>You Have nothing to lose – create your own version of the app TODAY.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Script Form Submission Response and Spreadsheet Data | https://www.udemy.com/course/google-apps-script-form-data/ | Explore how you can submit data to Google Spreadsheet update the data and send emails on form submission. | <p>Please note this course covers how to use Google Apps Script to automate and increase productivity within gSuite – Coding is required</p><p>Google Apps Script is based off JavaScript and you can write code online in the online editor, only requirement is a Google Account to get started.</p><p><strong><em>This is a coding course! – JavaScript experience is a prerequisite to write Google Apps Script code.</em></strong></p><p><strong>Course covers the basics of setting up form submission.</strong></p><p><strong>Using Spreadsheets to track data </strong></p><p><strong>Setting up triggers of scripts to automate content</strong></p><p>Coding includes below :</p><ul><li><p>Setting up form to submit data</p></li><li><p>Sending an email on form submission : setup of trigger to catch form submissions</p></li><li><p>Use of Spreadsheet to track data </p></li><li><p>Update and getting content from the Spreadsheet to use in Google Apps Script code</p></li><li><p>Update set and get of Sheet data</p></li><li><p>Sending of emails from sheet data – checking to see if user from sheet already has email sent</p></li><li><p>Adding UI for advanced menu option within spreadsheet</p></li></ul><p>Source code is included so you can copy and paste the code to try for yourself.</p><p>Step by step learning</p><p>Fast friendly support is always available within the Q&A section</p><p>Experienced instructor with over 20 years of experience ready to help you learn</p><p>You have nothing to lose – Join now and start learning to create your own version of this <strong>helpful application today!!!</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Web APIs JavaScript Fetch getting JSON data Fun with APIs | https://www.udemy.com/course/ajax-javascript-json/ | Explore how to connect to various web APIs using JavaScript fetch. Use the returned data JSON data within you Code. | <p>Explore JavaScript Objects and how you can get JSON data with an API connection using JavaScript Code</p><p>Get data from a web server and use that data within you JavaScript application.</p><p>Previous JavaScript knowledge is a prerequisites to this course – <strong>YOU MUST HAVE JAVASCRIPT EXPERIENCE</strong></p><p>Course is focused on applying JavaScript to connect to web APIs and get back JSON data</p><p><strong>Course covers:</strong></p><ul><li><p>What JavaScript objects are and how to use them in code</p></li><li><p>How to iterate through arrays and objects to get data</p></li><li><p>Complex JavaScript Objects with many layers of data</p></li><li><p>JSON lint and how to read JSON data</p></li><li><p>How to use fetch to connect to web APIs</p></li><li><p>Various examples of connecting to APIs to create interactive web applications.</p></li><li><p>Using JavaScript code to connect to web APIs</p></li><li><p>Setup of localhost using node and express</p></li><li><p>Using node to make API requests</p></li><li><p>Setup of local web host</p></li></ul><p>Source code is included so you can copy and paste the code to try for yourself.</p><p>Step by step learning</p><p>Fast friendly support is always available within the Q&A section</p><p>Experienced instructor with over 20 years of experience ready to help you learn</p><p>You have nothing to lose – Join now and start learning to create your own version of this <strong>helpful application today!!!</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Pure JavaScript Calculator Code ES6 Learn JavaScript | https://www.udemy.com/course/javascript-code-exercise/ | Explore how you can create a fully functional JavaScript calculator with only JavaScript – simple project to practice | <p>Practice your JavaScript coding skills, explore how you can create a fully functional dynamic calculator ONLY using JavaScript</p><p>Learn more about<strong> JavaScript </strong>and how <strong>JavaScript ES6</strong> can be applied to create amazing<strong> JavaScript projects</strong>. Course is loaded with <strong>JavaScript Examples</strong> and perfect <strong>JavaScript for Beginners</strong> to learn more about <strong>JavaScript Online</strong>. Writing<strong> JavaScript Code</strong> using <strong>vanilla JavaScript </strong>- no libraries no tricks this<strong> JavaScript tutorial </strong>the <strong>JavaScript Course </strong>will walk you through creating your own<strong> JavaScript code </strong>and provide many <strong>JavaScript Code Snippets</strong> for use in <strong>JavaScript programming.</strong> <strong>Learn JavaScript</strong> with this step by step<strong> JavaScript Course.</strong></p><p>Yes that’s correct, no HTML no CSS everything is done with JavaScript</p><p>JavaScript is a prerequisites to this course – YOU MUST KNOW JAVASCRIPT TO TAKE THIS COURSE!!!!!</p><p>This course covers :</p><ul><li><p>Using JavaScript to create DOM elements</p></li><li><p>Adding elements to the page</p></li><li><p>Using Arrays of data to construct page content</p></li><li><p>Adding event listeners to elements</p></li><li><p>Updating and evaluating string values</p></li><li><p>Troubleshooting and bug fixes for application</p></li><li><p>Walk through of how to create the JavaScript Calculator</p></li></ul><p>Source Code is included.</p><p>Enjoy learning have fun!!!!</p><p><strong>Try the code for yourself and explore what you can do with JavaScript</strong></p><p>Fast Friendly support to help answer any questions you might have and to help clarify content is always available in the Q&A section. Taught by an instructor with over 20 years real world experience ready to help you learn more. Step by step training resources and source code is also included to get you started quickly.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| API Quiz Game JavaScript Project Google SpreadSheet Data | https://www.udemy.com/course/javascript-quiz-game/ | Explore how to connect to a Google Sheet Data JSON feed and use the data to create a dynamic web quiz game application | <p>Explore how to connect to a <strong>Google Sheet Data</strong> as a JSON feed and use the data to <strong>create a dynamic web quiz game</strong> application </p><p>Welcome to the course that will show you how you can apply JavaScript to connect to a web API – get JSON data and build a JavaScript Quiz game from scratch using the data coming from a Google Spreadsheet. As a bonus the course will also show you how you can setup your own spreadsheet webapp using Google Script so that you can customize the content and have your very own version of the questions in your application.</p><p><strong>YOU MUST HAVE JAVASCRIPT EXPERIENCE FOR THIS COURSE. </strong></p><p>Source code is included – please try the code as you work through the lessons.</p><p>Course Covers applying JavaScript code</p><ul><li><p>How to setup the basic Project shell with HTML and CSS</p></li><li><p>How to use JavaScript query selector to select page elements as JavaScript objects</p></li><li><p>Use fetch to connect to the web app URL for data source</p></li><li><p>JSON data and how to prepare it in JavaScript</p></li><li><p>Creating a function to display data content in the web application</p></li><li><p>Logic to approach game design and building of the web application</p></li><li><p>Next steps for player and using Game data</p></li><li><p>Debugging and advancing game design</p></li><li><p>Apply styling for a better looking game</p></li><li><p>Conclude the game quiz – make it dynamic so driven by the JSON data and flexible to change as the data changes.</p></li><li><p>Create a Google Script web app using Google Spreadsheet data</p></li><li><p>Structure JSON from an array object</p></li><li><p>Connecting sheet data to your web application</p></li></ul><p>Enjoy learning have fun!!!!</p><p><strong>Try the code for yourself and explore what you can do with JavaScript</strong></p><p>Fast Friendly support to help answer any questions you might have and to help clarify content is always available in the Q&A section. Taught by an instructor with over 20 years real world experience ready to help you learn more. Step by step training resources and source code is also included to get you started quickly.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Beginners Guide PDF uploader Project App | https://www.udemy.com/course/google-apps-script-guide/ | Learn how to create amazing things with Google Apps Script – Google Spreadsheet App, Google Mail, Google Drive | <p>Explore how you can create useful web apps that integrate easily within your Google Suite of Product</p><p><strong>DO NOT TAKE THIS COURSE IF YOU HAVE NO JAVASCRIPT EXPERIENCE - JAVASCRIPT IS AN ABSOLUTE PREREQUISITE!!!</strong></p><ul><li><p>Basics of starting with Google Script</p></li><li><p>Course covers how to create a spreadsheet using code</p></li><li><p>How to get, set and update content within your spreadsheet</p></li><li><p>How to work with spreadsheet app class</p></li><li><p>How to create a web app within Google Apps Script</p></li><li><p>Using HTML service</p></li><li><p>Passing data from Google Script to client side</p></li><li><p>Sending data from Client side to server side Google Script</p></li><li><p>Connecting Sheet information to present to Client side web app</p></li><li><p>Sending a PDF from client side to upload and save to your Google Drive</p></li><li><p>Sending email notification on upload of PDF from user</p></li><li><p>How to create web apps with Google script</p></li></ul><p><strong>Source Code is included</strong></p><p>Fast friendly support within the Q&A section – taught by an instructor with over 20 years of web development experiencing ready to help you learn.</p><p>What are you waiting for join now and start creating your own amazing projects with Google Apps Script.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Website Hosting for beginners cPanel with Siteground account | https://www.udemy.com/course/website-hosting-cpanel/ | Explore how you can get online create your first Website Hosting and get your own website URL using common cPanel | <p>Beginners starter guide for getting started with hosting your own website. Whether you are looking to setup hosting for a WordPress site or you want to develop your own website, this course is perfect to teach you the basics. Explore how to select a host and common hosting dashboard features in cPanel.</p><p>Please note that SiteGround hosting account will be used to demo cPanel and the course demos this version of cPanel.</p><p><strong>Course focuses on hosting with Siteground which is a popular host service provider</strong>. Bonus free pdf guide is also included to help you get started quickly with getting content online, getting a live URL to host your stuff.</p><p><strong>Course covers</strong></p><ul><li><p>Selecting a host provider</p></li><li><p>Selecting a domain name</p></li><li><p>How to do a quick setup of WordPress or other popular application scripts.</p></li><li><p>What to consider with hosting plans and what type is best for your needs</p></li><li><p>Signing up and how to navigate Siteground dashboard</p></li><li><p>How to setup sub-domains, redirects and new domains</p></li><li><p>File manager and editing pages online</p></li><li><p>FTP for download and upload of content</p></li><li><p>Filezilla as a typical FTP application how to connect to your web host using Filezilla</p></li><li><p>Database setup and Account setup – phpmyadmin access to Database content</p></li></ul><p>Fast Friendly support to help answer any questions you might have and to help clarify content is always available in the Q&A section. </p><p>Taught by an instructor with over 20 years real world experience ready to help you learn more. Step by step training resources and source code is also included to get you started quickly.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn HTML Introduction to creating your first website | https://www.udemy.com/course/learn-html-website-basics/ | Explore how to write HTML code to create a website with source code and step by step instructions | <p>Explore HTML and how you can make web pages with HTML</p><p><strong>Source code is included</strong></p><p><strong>Bonus PDF resource guide available </strong></p><p>Perfect for beginners who want to write HTML code.</p><p>Course covers</p><ul><li><p>Basic of HTML tags and Page Elements</p></li><li><p>HTML page structure</p></li><li><p>How to setup and prep to write code</p></li><li><p>Constructing web pages with HTML</p></li><li><p>Lists</p></li><li><p>Formatting of page content</p></li><li><p>Use of hyperlinks</p></li><li><p>Adding images to HTML</p></li><li><p>Applying styling and basic CSS for page layout</p></li><li><p>Styling to create a basic website with HTML</p></li><li><p>Website planning and basics of structure with HTML</p></li></ul><p>Fast Friendly support to help answer any questions you might have and to help clarify content is always available in the Q&A section. Taught by an instructor with over 20 years real world experience ready to help you learn more. Step by step training resources and source code is also included to get you started quickly.</p> | | | | | | | | | | | | | | | | | | |
|---|
| GMail Productivity Complete Gmail course to Get things Done | https://www.udemy.com/course/gmail-course/ | Master Gmail GSuite learn gmail features loaded with Tips and Resources Gmail Become more productive email management | <p>Complete Gmail Productivity Course – Taught by Google Developer Expert for G Suite – <strong>Gmail training and help – GET THE MOST OUT OF YOUR INBOX TODAY.</strong></p><p><strong>Learn how to use Gmail to be more productive and get things done!!!</strong></p><p>Are you using Gmail to its fullest potential – did you know optimizing your Gmail can save you time????</p><p>This course is for you if you want to work more effectively and increase your productivity NOW.</p><p>Complete overview of the top tips to do more with your Google Gmail Account today.</p><p>We all spend a lot of time with emails, imagine if you could just save a few minutes a day. Take control of your inbox, don’t search for those important emails, don’t worry about missing or losing emails. If you are a new Gmail user or active Gmail user for years, there is something in this course for you. Explore how you can automate, categorize, adjust settings, filter, sort, setup you inbox the way you need it to suit your personal needs. Its easy and you will ask yourself why didn’t you take control of your inbox before. </p><p><strong>Save time be more productive with your emails!</strong></p><p><em>Better use their gmail account and more effective and efficient use of Gmail</em></p><p><strong>Bonus downloadable PDF guide for lesson related tips and resources</strong></p><p>Save time and get organized !</p><p>What you can expect to learn :</p><ul><li><p>Gmail Productivity Introduction</p></li><li><p>Adjust settings for optimal use of Gmail account</p></li><li><p>Send Email Undo settings and options</p></li><li><p>Undo send and Cancellation</p></li><li><p>Conversation View and Reply options for viewing of emails</p></li><li><p>Attach Large Files how to handle larger files and gDrive</p></li><li><p>Email Offline setup and options</p></li><li><p>Custom Star options for organizing of emails</p></li><li><p>Postpone email and Snooze send it later and view it later</p></li><li><p>Gmail Labels how to organized emails in groups </p></li><li><p>Message Filter to automate grouping of emails as they come in</p></li><li><p>Templates and Canned responses</p></li><li><p>Email Search find what you are looking for easy</p></li><li><p>Overall Email Productivity TIPS</p></li><li><p>Stars and Grant Access to others delegate email</p></li><li><p>Keyboard Shortcuts</p></li></ul><p>Fast Friendly support to help answer any questions you might have and to help clarify content is always available in the Q&A section. </p><p>Taught by an instructor with over 20 years real world experience ready to help you learn more. </p><p>Step by step training resources and helpful tips are also included to get you started quickly.</p><p><strong><em>You have nothing to lose save time explore the tips and way to become more productive with your email!</em></strong></p><p><strong>Gmail lets you send and search for messages, organize your inbox, and build relationships with integrated chat and video meetings.</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Create a Project Management App Project | https://www.udemy.com/course/google-apps-script-project/ | Introduction to using Google Apps Script to create a GSuite integrated project management app within Spreadsheets | <p>Explore how you can use Google Apps Script to create a project management tracking application from scratch.</p><p>Google Apps Script is a rapid application development platform that makes it fast and easy to <strong>create business applications </strong>that integrate with <strong>G Suite</strong></p><p><strong>DO NOT TAKE THIS COURSE IF YOU HAVE NO JAVASCRIPT EXPERIENCE - JAVASCRIPT IS AN ABSOLUTE PREREQUISITE!!!</strong></p><p>Course covers the following in a step by step format, source code is included along with a bonus 20+ page PDF guide.</p><ul><li><p>Get Coding Google Apps Script quick introduction to accessing your Google Script Environment</p></li><li><p>Updating the menu with custom buttons SpreadsheetApp.getUi</p></li><li><p>Add additional functions and menu items.</p></li><li><p>The sidebar UI showSidebar</p></li><li><p>Send data from spreadsheet to client side sidebar window.</p></li><li><p>Create html page to send data using google.script.run</p></li><li><p>Create Input Form HTML </p></li><li><p>Use Add saving event pass values to Google Script</p></li><li><p>Add data to spreadsheet</p></li><li><p>Set Values in spreadsheet</p></li><li><p>Create WebApp to view project status chart</p></li><li><p>Get all data from spreadsheet send to client side.</p></li><li><p>Create Client Side Chart google.charts client side gantt chart display data from spreadsheet</p></li><li><p>Test and Finalize project </p></li></ul><p><strong>Source Code is included</strong></p><p>Fast Friendly support to help answer any questions you might have and to help clarify content is always available in the Q&A section. </p><p>Taught by an instructor with over 20 years real world experience ready to help you learn more. Step by step training resources and source code is also included to get you started quickly.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript DOM Course Dynamic Interactive webpages beginners | https://www.udemy.com/course/learn-javascript-dom-course/ | Learn to create Dynamic and Interactive web pages using JavaScript. JavaScript Document Object Model – For Beginners | <p>Learn about how JavaScript can be used to apply interaction and dynamic content to web pages.</p><p>Please note that JavaScript – HTML and CSS are prerequisites to this course</p><p>Scope of this course is to cover JavaScript and how it can be used to select elements from the web page. Create new element, updates elements and manipulate elements directly using JavaScript. Explore how easy it is to make your website come to life. Using the DOM Document Object Model connect to the elements via JavaScript.</p><ul><li><p>Explore how JS can be added to web pages</p></li><li><p>Learn about console and debugging with JavaScript</p></li><li><p>Find out more about DOM Document Object Model</p></li><li><p>Use JavaScript to select elements from the page</p></li><li><p>Select multiple elements from the page</p></li><li><p>Update element attributes</p></li><li><p>Update element style properties and values</p></li><li><p>Add classes and manipulate element class values.</p></li><li><p>Learn how to create elements using JavaScript and add them to a webpage</p></li><li><p>Create interaction using event listeners in JavaScript</p></li><li><p>Form values</p></li><li><p>Mini projects to highlight what was learned</p></li><li><p>Source code is inlcuded</p></li></ul><p><strong>try the code for yourself and explore what you can do with JavaScript</strong></p><p>Fast Friendly support to help answer any questions you might have and to help clarify content is always available in the Q&A section. Taught by an instructor with over 20 years real world experience ready to help you learn more. Step by step training resources and source code is also included to get you started quickly.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Quick Start Beginner Guide | https://www.udemy.com/course/google-apps-script-tutorial/ | Google Apps Script allows you to power up you G Suite with amazing functionality based on JavaScript | <p>Google Apps Script is a rapid application development platform that makes it fast and easy to <strong>create business applications </strong>that integrate with <strong>G Suite.</strong></p><p><strong>DO NOT TAKE THIS COURSE IF YOU HAVE NO JAVASCRIPT EXPERIENCE - JAVASCRIPT IS AN ABSOLUTE PREREQUISITE!!!</strong></p><p>Explore how you can start using Google Apps Script to run code to make things happen within Google Suite of Apps.</p><p><strong><em>BONUS – Downloadable PDF course Guide – with links and resources.</em></strong></p><p>The course covers the following in regards to Apps Script and how to use it</p><ul><li><p>Apply JavaScript methods within Apps Script like Date()</p></li><li><p>Create a document using script – add content to the document</p></li><li><p>Create a Spreadsheet using script</p></li><li><p>Get object info like ID and URL</p></li><li><p>Using session to get active user email address</p></li><li><p>Using Mail Service to send emails via script</p></li><li><p>DocumentApp and accessing updating existing docs by id</p></li><li><p>SpreadsheetApp and accessing data contained in existing sheets</p></li><li><p>Bound script in Docs and Sheets</p></li><li><p>How to add UI menu items</p></li><li><p>Running script functions from UI menu tab</p></li><li><p>Creating UI alerts</p></li><li><p>UI prompts to get user input and data</p></li><li><p>Active document get cursor location</p></li><li><p>Creating new sheet using script</p></li><li><p>Updating and copying sheet data selected by user</p></li></ul><p><strong>Source Code is included</strong></p><p>Fast friendly support within the Q&A section – taught by an instructor with over 20 years of web development experiencing ready to help you learn.</p><p>What are you waiting for join now and start creating your own amazing projects with Google Apps Script.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Form Submission Send Email | https://www.udemy.com/course/google-apps-script-form/ | Explore how to apply Google Apps Script to form submission using Trigger to automatically run a set of code | <p><strong>DO NOT TAKE THIS COURSE IF YOU HAVE NO JAVASCRIPT EXPERIENCE - JAVASCRIPT IS AN ABSOLUTE PREREQUISITE!!!</strong></p><p>Next level of Google Forms, add Google Apps Script and see how your content comes to life.</p><p>Apps Script is a scripting framework for light-weight application development in the G Suite platform. It is based on JavaScript with a collection of methods and helpful classes that can really power up your Google Suite.</p><p>Just like JavaScript – If you know JavaScript you know Google Apps Script.</p><p><strong>BONUS – Free downloadable course guide with resources and source code.</strong></p><p>Step by step learning!</p><p>Source Code is included in addition to a helpful lesson guide which outlines step by step how to apply Google Apps Script to your own project. Everything you need is included in this course.</p><ul><li><p>Explore how to setup a form sending data to a Google Spreadsheet</p></li><li><p>Explore how to add Google Apps Script to any Google Spreadsheet. Open the Google Script online editor and begin coding.</p></li><li><p>Customize the code – retrieve the form information.</p></li><li><p>Setup a trigger to run code once the form data is received.</p></li><li><p>See how you can add advanced functionality like sending emails all via Google Apps Script</p></li><li><p>Explore how data is received in object form, iterate the object data and send it to an email address</p></li><li><p>Put it all together in a live working application that picks up form submission data and send you a notification email. </p></li><li><p>Send a response email to the user who submitted the form.</p></li></ul><p>Use the form data and send responses </p><p>This is the perfect starter project to get started with Google Script and build upon the project to create your own custom functionality.</p><p>Source code is included to try the code for yourself</p><p>Create a starter project which you can use extend and do some really amazing things with.</p><p>Course is taught by a web developer with over 18 years experience and 4+ years working with Google Apps Script.</p><p><strong><em>Fast and friendly support is provided in the Q&A section.</em></strong></p><p>See what you can do – you have nothing to lose make your own Google Apps Script project today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Local SQLite Database with Node for beginners | https://www.udemy.com/course/node-database/ | Explore how to apply NodeJS to make your web content come to life – explore how to create a local database | <p><strong>Are you looking for how to setup a local database using node – this is the course for you.</strong></p><p>Easy step by step instructions on how to use node to install packages and setup a local SQLite database to use for your web applications. See how easy it can be to get data and add data to the database. – Please note that there are prerequisites to the course – JavaSCript – HTML and CSS</p><p>Source Code is included to get you started quickly</p><p>Step by step learning – starting with the basics and moving through to combining fundamentals and writing code.</p><p><strong>Bonus – 25 page downloadable resource and course guide included. With source code, useful code snippets and resources.</strong></p><p>Course covers</p><ul><li><p>setup of express to run local machine on your computer</p></li><li><p>download and setup of SQLite database</p></li><li><p>useful packages like nodemon and MD5</p></li><li><p>inserting data to your local database</p></li><li><p>query database for results</p></li><li><p>setup of paths for files </p></li><li><p>use of body parser to get post data</p></li><li><p>submitting of form data to database</p></li><li><p>setup of basic app to interact with database</p></li></ul><p><strong><em>HTML,CSS JavaScript knowledge is essential as scope of this course is all NodeJS focused. </em></strong></p><p><strong>Step by step </strong>learning with all steps included.</p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a<strong> 30 day money back guarantee. </strong></p><p><strong>Start coding with Node JS today!!!!!</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Introduction to Node js for beginners with game project | https://www.udemy.com/course/node-course/ | Explore how to apply NodeJS to make your web content come to life – explore the core foundations of NodeJS | <p><strong>Learn Node JS HERE!! -</strong> JavaScript on the server.</p><p>Perfect course to learn and explore JavaScript – for beginners or anyone who wants to learn more about JavaScript.</p><p>Source Code is included to get you started quickly</p><p>Step by step learning – starting with the basics and moving through to combining fundamentals and writing code.</p><p><strong>Bonus – 35 page downloadable resource and course guide included. With source code, useful code snippets and resources.</strong></p><p>Course covers</p><ul><li><p>why use Node and what it is how it works</p></li><li><p>how to install and start using Node</p></li><li><p>resources for terminals on Mac and PC</p></li><li><p>Creating a first node file</p></li><li><p>Creating web server listen on ports open your browser</p></li><li><p>How node works</p></li><li><p>Node modules and creating modules</p></li><li><p>Files on your server</p></li><li><p>Node URL pathname request</p></li><li><p>Node Routing</p></li><li><p>File Write and Read</p></li><li><p>Loading Packages NPM</p></li><li><p>Packages Express</p></li><li><p>NodeMon setup</p></li><li><p>Get data JSON</p></li><li><p>Body-parser get post and get methods</p></li><li><p>Socket connect to backend and client side – listeners</p></li><li><p>Uuid create a User ID</p></li><li><p>Battle Game – Multiplayer project</p></li></ul><p><strong><em>HTML,CSS JavaScript knowledge is essential as scope of this course is all NodeJS focused. </em></strong></p><p><strong>Step by step </strong>learning with all steps included.</p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a<strong> 30 day money back guarantee. </strong></p><p><strong>Start coding with Node JS today!!!!!</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Calendar Live feed to your website Google Apps Script | https://www.udemy.com/course/google-apps-script-calendar/ | Explore how you can create a live feed of your Google Calendar entries using Google Apps Script – Add data Spreadsheets | <p>Perfect course to learn more about how to apply <strong>Google Apps Script</strong> to help automate and use Google Suite as a source for data. No Databases just Google Script – output your Calendar to a JSON feed.</p><p>BONUS – Free 20+ page downloadable course guide with resources and source code.</p><p>Step by step learning!</p><p>Please note that JavaScript experience is essential to this course, Google Apps Script is JavaScript cloud based Language which uses pre-built methods to provide really powerful functionality. <strong><em> If you can write JavaScript Apps script is really easy to start using right away</em></strong> … because its JavaScript in the cloud.</p><p>Complete course demonstrate how to write Google Apps Script code, how to create and access the cloud based IDE. Course scope is to create a starter project and illustrate how Google Script can be used to create applications.</p><p>Course covers</p><ul><li><p>How to create stand alone script and bound script</p></li><li><p>How to create Documents with Google Apps Script</p></li><li><p>Using Logger log for debugging</p></li><li><p>Bound script getting active spreadsheet as a usable object</p></li><li><p>Adding data to spreadsheet rows.</p></li><li><p>Adding events to Google Calendar</p></li><li><p>Listing events updating timezone from events</p></li><li><p>Adding event data to a spreadsheet</p></li><li><p>Creating trigger to automate scripts</p></li><li><p>Outputting Spreadsheet as JSON</p></li><li><p>Using AJAX to request spreadsheet data and pulling it into client side page</p></li><li><p>Setting up Google Script WebApp</p></li><li><p>Deploy WebApp from IDE and select dev vs exec versions</p></li><li><p>Using doGet to output JSON content</p></li><li><p>Sending Calendar data as JSON data</p></li><li><p>AJAX request to get webapp api data</p></li></ul><p><strong>Source code is included to try the code for yourself</strong></p><p>Create a starter project which you can use extend and do some really amazing things with.</p><p>Course is taught by a web developer with over 18 years experience and 4+ years working with Google Apps Script.</p><p>Fast and friendly support is provided in the Q&A section.</p><p>See what you can do – you have nothing to lose make your own Google Apps Script project today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Modern JavaScript for Beginners Learn JavaScript ES6 | https://www.udemy.com/course/modern-javascript-course/ | Learn how to apply JavaScript to make your web content come to life – explore the core foundations of writing code | <p>Learn Modern JavaScript HERE!!</p><p>Learn more about<strong> JavaScript </strong>and how <strong>JavaScript ES6</strong> can be applied to create amazing<strong> JavaScript projects</strong>. Course is loaded with <strong>JavaScript Examples</strong> and perfect <strong>JavaScript for Beginners</strong> to learn more about <strong>JavaScript Online</strong>. Writing<strong> JavaScript Code</strong> using <strong>vanilla JavaScript </strong>- no libraries no tricks this<strong> JavaScript tutorial </strong>the <strong>JavaScript Course </strong>will walk you through creating your own<strong> JavaScript code </strong>and provide many <strong>JavaScript Code Snippets</strong> for use in <strong>JavaScript programming.</strong> <strong>Learn JavaScript</strong> with this step by step<strong> JavaScript Course.</strong></p><p>Perfect course to learn and explore JavaScript – for beginners or anyone who wants to learn more about JavaScript.</p><p>Source Code is included to get you started quickly</p><p>Step by step learning – starting with the basics and moving through to combining fundamentals and writing code.</p><p>Bonus – 35 page downloadable resource and course guide included. With source code, useful code snippets and resources.</p><p>Course covers</p><ul><li><p>variables and how to use them</p></li><li><p>Debugging and commenting code</p></li><li><p>Using Browser console to develop</p></li><li><p>String and number methods</p></li><li><p>Template literals</p></li><li><p>Booleans and conditions</p></li><li><p>Loops and do while loops</p></li><li><p>Arrays and array methods</p></li><li><p>Functions – both expression and declaration functions arrow functions</p></li><li><p>Callbacks with functions</p></li><li><p>forEach method</p></li><li><p>Objects – exploring objects</p></li><li><p>Introduction to the Document Object Model</p></li><li><p>Element selection and manipulation for dynamic and interactive web content.</p></li><li><p>Loaded with examples and code snippets</p><p><br></p><p><em>HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start coding with JavaScript today!!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Objects and OOP Programming with JavaScript | https://www.udemy.com/course/javascript-objects-oop/ | Use objects to create amazing things with JavaScript power up your applications OOP JavaScript coding | <p><strong>Source Code and resources are included to get you started quickly.</strong></p><p>Learn more about<strong> JavaScript </strong>and how <strong>JavaScript ES6</strong> can be applied to create amazing<strong> JavaScript projects</strong>. Course is loaded with <strong>JavaScript Examples</strong> and perfect <strong>JavaScript for Beginners</strong> to learn more about <strong>JavaScript Online</strong>. Writing<strong> JavaScript Code</strong> using <strong>vanilla JavaScript </strong>- no libraries no tricks this<strong> JavaScript tutorial </strong>the <strong>JavaScript Course </strong>will walk you through creating your own<strong> JavaScript code </strong>and provide many <strong>JavaScript Code Snippets</strong> for use in <strong>JavaScript programming.</strong> <strong>Learn JavaScript</strong> with this step by step<strong> JavaScript Course.</strong></p><p>JavaScript objects are at the core of JavaScript</p><ul><li><p><strong>SOURCE CODE is included every step of the way</strong></p></li><li><p><strong>Downloadable PDF guide to help guide you through the lessons.</strong></p></li></ul><p>Learning how to use objects and construct objects can increase what you can do with JavaScript</p><p>Course is designed to highlight using JavaScript -<strong> JavaScript IS A Prerequisite TO THIS COURSE <em>*****Beginner JavaScript knowledge is required ***** </em></strong><em>as the course covers only JavaScript relevant to the using objects and applying objects to object oriented programming. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p>Course Covers</p><ul><li><p>Creating objects – methods in objects</p></li><li><p>Using Object to hold information</p></li><li><p>Use of objects to create a shopping cart</p></li><li><p>Use of objects to get element information</p></li><li><p>Object oriented programming</p></li><li><p>Creating new objects from template</p></li><li><p>OOP recreate earlier objects</p></li><li><p>New uses for objects</p></li><li><p>Dice game made simple with OOP</p></li><li><p>Shopping cart made with OOP</p></li><li><p>All this and more</p></li></ul><p><strong>Step by step learning with all steps included.</strong></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the application today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Data Pagination Code JavaScript ES6 Project Code | https://www.udemy.com/course/javascript-pagination/ | Explore how you can create dynamic pagination for data pages using JavaScript. Create clickable links to more content | <p>Scope of this course is focused on <strong>applying JavaScript to create Pagination! </strong>- You need to have JavaScript knowledge before taking the course. Concepts covered are focused on a solution.</p><p>Learn more about<strong> JavaScript </strong>and how <strong>JavaScript ES6</strong> can be applied to create amazing<strong> JavaScript projects</strong>. Course is loaded with <strong>JavaScript Examples</strong> and perfect <strong>JavaScript for Beginners</strong> to learn more about <strong>JavaScript Online</strong>. Writing<strong> JavaScript Code</strong> using <strong>vanilla JavaScript </strong>- no libraries no tricks this<strong> JavaScript tutorial </strong>the <strong>JavaScript Course </strong>will walk you through creating your own<strong> JavaScript code </strong>and provide many <strong>JavaScript Code Snippets</strong> for use in <strong>JavaScript programming.</strong> <strong>Learn JavaScript</strong> with this step by step<strong> JavaScript Course.</strong></p><p><strong>SOURCE CODE is included every step of the way</strong></p><p>Often asked for by students is how to do pagination – the scope of this course is just that. Applying JavaScript code to break apart a large number of items across multiple pages. Then allow for navigation between them</p><p>If you have a lot of content pieces and want to provide a way to break them into pages so that users can easy view them, pagination is your solution. The course covers using JavaScript to first get the data from an API. Then load the data so that it can then be chunked into more manageable pieces. Creating multiple pages for user consumption. </p><p><strong>Source Code and resources are included to get you started quickly.</strong></p><p>Course covers :</p><ul><li><p>Setup of HTML and selecting elements using JavaScript</p></li><li><p>Creating fetch request to retrieve API data</p></li><li><p>Loading data into web application from API</p></li><li><p>Creating page content from JavaScript Object</p></li><li><p>Using JSON data as JavaScript Object</p></li><li><p>Loading content from large object array, creating pages of content</p></li><li><p>Creating pagination navigation between pages of content</p></li><li><p>Applying JavaScript for real world applications.</p></li></ul><p>Course is designed to highlight using JavaScript -<strong> JavaScript IS A Prerequisite TO THIS COURSE <em>*****Beginner JavaScript knowledge is required ***** </em></strong><em>as the course covers only JavaScript relevant to the using objects and applying objects to object oriented programming. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the application today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript AJAX JSON API for Beginners Learn JavaScript ES6 | https://www.udemy.com/course/javascript-ajax-json-api-for-beginners/ | JavaScript Explore JSON connecting to APIs using JavaScript. Setup your own JSON server practice AJAX and JSON locally | <p>Step by step learning of how to use JSON data within your JavaScript code.</p><p>Learn more about<strong> JavaScript </strong>and how <strong>JavaScript ES6</strong> can be applied to create amazing<strong> JavaScript projects</strong>. Course is loaded with <strong>JavaScript Examples</strong> and perfect <strong>JavaScript for Beginners</strong> to learn more about <strong>JavaScript Online</strong>. Writing<strong> JavaScript Code</strong> using <strong>vanilla JavaScript </strong>- no libraries no tricks this<strong> JavaScript tutorial </strong>the <strong>JavaScript Course </strong>will walk you through creating your own<strong> JavaScript code </strong>and provide many <strong>JavaScript Code Snippets</strong> for use in <strong>JavaScript programming.</strong> <strong>Learn JavaScript</strong> with this step by step<strong> JavaScript Course.</strong></p><p>Comes with a downloadable PDF guide – with resources and source code to try as you progress within the course.</p><ul><li><p>Explore what JSON data is and how it relates to JavaScript objects</p></li><li><p>How JavaScript objects can be used to produce content on web pages</p></li><li><p>Using Fetch and XHR to connect to server data</p></li><li><p>Output content to web pages using DOM manipulation</p></li><li><p>Loop threw data objects and arrays to get values</p></li><li><p>JSON parse and stringify</p></li><li><p>AJAX requests and connecting to web APIs</p></li><li><p>JavaScript map method to build new arrays</p></li><li><p>Setting up a JSON server locally to practice JSON and AJAX</p></li><li><p>Setup of Node and NPM for JSON server prep</p></li><li><p>Use of tools like postman to test API</p></li><li><p>Sending data to local json database and simulating data CRUD</p></li><li><p>Creating a mini project that can edit and update data in the json.db file locally</p></li></ul><p><strong>Source Code and resources are included to get you started quickly.</strong></p><p>Course is designed to highlight using JavaScript -<strong> JavaScript IS A Prerequisite TO THIS COURSE <em>*****Beginner JavaScript knowledge is required ***** </em></strong><em>as the course covers only JavaScript relevant to the using objects and applying objects to object oriented programming. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the application today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn HTML5 Canvas Drawing with JavaScript in 1 hour | https://www.udemy.com/course/html5-canvas-javascript/ | Explore how you can use JavaScript to draw on HTML5 element make interactive drawing application download and save image | <p>The Canvas API provides a means for drawing graphics via JavaScript and the HTML <canvas> element. This course covers using JavaScript to apply drawing to the canvas element. How to get started with an easy to follow approach demonstrating the syntax as well as providing engaging opportunities to try the code. After demonstrations of the canvas element and how to draw on it with JavaScript the course will show you how to create an interactive drawing tool that the web user can use to draw, selecting colors and pencil width. Freely draw whatever you want and then download it as an image to your computer. All JavaScript front end code. </p><p><strong>Source Code and resources are included to get you started quickly.</strong></p><p><strong>SOURCE CODE is included every step of the way</strong></p><p>Course is designed to highlight using JavaScript -<strong> JavaScript IS A Prerequisite TO THIS COURSE <em>*****Beginner JavaScript knowledge is required ***** </em></strong><em>as the course covers only JavaScript relevant to the canvas element and drawing on the canvas element will be covered. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p>Course Covers</p><ul><li><p>Basics of HTML5 Canvas</p></li><li><p>Selecting and ready to draw</p></li><li><p>How to draw on Canvas</p></li><li><p>Output text content onto canvas</p></li><li><p>Creating a happy face on Canvas</p></li><li><p>Setting and using images</p></li><li><p>Drawing Project for canvas</p></li><li><p>Download save and clear content</p></li><li><p>All this and more</p></li></ul><p><strong>Step by step learning with all steps included.</strong></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the application today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Projects Games 55 Modern JavaScript DOM ES6 | https://www.udemy.com/course/javascript-course-projects/ | Real Projects! ES6 AJAX Java Script Projects Apps 55+ Projects Modern JS DOM JavaScript Games Portfolio Games DOM | <p>Modern JavaScript 2021 – Wow 50+ Hours of HD Video and over 55 Pure JavaScript Projects</p><p><strong>Learn JavaScript DOM Projects Massive Course – This JavaScript Course will provide JavaScript Essentials so that you can explore and learn more about JS JavaScript creating your own JavaScript code projects. Complete JavaScript course covers ES6 and modern JavaScript coding for building your portfolio. Complete JavaScript Code course. </strong></p><p><strong>Modular learning sections with over 55+ real world projects with pure JavaScript using DOM interaction….</strong></p><p>Perfect JavaScript Course for absolutely EVERYONE – Learn how to create over 55 fun real world projects using just JavaScript – no libraries. Amazing unique starter projects that are perfect to build upon and explore how JavaScript Works. You can build over 50 projects and supercharge your portfolio – Start NOW.</p><p><strong>Master the DOM (document object model)</strong></p><p><strong>BIGGEST JavaScript Course – MOST COMPLETE COURSE to learn Web Based JavaScript and Have FUN!!!!</strong></p><p>Loaded with CONTENT – Projects that are unique and FUN to build – </p><p>RealWorld projects – <strong>modern JavaScript</strong> – Supercharge your portfolio -<strong> JavaScript game programming</strong></p><p><strong>Perfect for your portfolio JavaScript applications – Build projects in JavaScript</strong></p><p>Learn more about<strong> JavaScript </strong>and how <strong>JavaScript ES6</strong> can be applied to create amazing<strong> JavaScript projects</strong>. Course is loaded with <strong>JavaScript Examples</strong> and perfect <strong>JavaScript for Beginners</strong> to learn more about <strong>JavaScript Online</strong>. Writing<strong> JavaScript Code</strong> using <strong>vanilla JavaScript </strong>- no libraries no tricks this<strong> JavaScript tutorial </strong>the <strong>JavaScript Course </strong>will walk you through creating your own<strong> JavaScript code </strong>and provide many <strong>JavaScript Code Snippets</strong> for use in <strong>JavaScript programming.</strong> <strong>Learn JavaScript</strong> with this step by step<strong> JavaScript Course.</strong></p><p><strong>Super Charge your portfolio</strong> – upon completion of this course you will have a wide range of mini applications that you can use in a portfolio to <strong>showcase your skills…</strong>.. </p><p>- Source code is included – projects are designed as starter projects for you can continue to build them out and make some <strong>really cool STUFF!!!</strong></p><p>- 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</p><p>- <strong>Build FUN projects</strong> including <strong>games</strong> and more that will help you learn and develop your creative juices to <strong>maximize learning JavaScript and Applying JavaScript!!!!</strong></p><p>This is a one of kind course – to get you coding JavaScript includes all the functional skills lessons to learn the basics and then project to practice and apply what you learned. Complete JavaScript course for anyone who wants to learn JavaScript.</p><p>4 BONUS eBook PDF included…. with definitions resources and examples…. and challenges</p><p>Try the projects have fun while learning.</p><p><strong>Grow your portfolio – showcase what you can build with JavaScript</strong></p><p>Learn JavaScript have fun with interactive and dynamic web applications.</p><ul><li><p>Over <strong>546 </strong>downloadable resources – <strong>58</strong> articles – <strong>50+</strong> hours on-demand video, <strong>57 Sections</strong></p></li><li><p>Over <strong>614 HD video lessons</strong></p></li><li><p>Over <strong>51+ projects and web applications. </strong>Projects can be used as started projects to extend and enhance. All JavaScript focused.</p></li><li><p>4 downloadable <strong>ebook</strong> guides<strong> 200 pages</strong> and<strong> 3 x 60 pages -</strong> with code and resource links</p></li></ul><p>No libraries JUST <strong>JAVASCRIPT </strong>and <strong>JAVASCRIPT DOM</strong></p><p><strong>This is the course you’ve been looking for……….</strong></p><p>Everything you need to get started with JavaScript, expand your knowledge about using JavaScript, and more included.</p><p>It’s arrived, and bigger than expected!!!</p><p>For anyone who wants to supercharge their JavaScript learning – building and applying JavaScript to over 50 projects and challenges… this course is for YOU!!!!</p><p>From JavaScript beginners to all levels, course is presented in a fun interactive format that will challenge you. <strong>Move through the lessons of the course as you want to learn them</strong>, variety of ways to benefit from it. <strong>Learn alongside, try before you see the solution, try after you view the solution.</strong> It’s up to you! Unique format for learning encouraging you to try the code. Of course source code is included in every step of the way.</p><p>Most often asked for <strong>ARE PROJECTS </strong>- 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.</p><p>Loaded with games and so many mini projects guaranteed to help you learn more about JavaScript and DOM manipulation. All JavaScript code no libraries or short cuts.</p><p>Explore how to apply JavaScript to create interactive and dynamic web content – that will impress your friends.</p><p>Extend on the projects and add them to your portfolio, to showcase skills you have learned.</p><p>Useful real world projects coded with simple JavaScript for developers of all levels.</p><p>No better way to learn than to try the code and produce something fun and useful with it. Learn to create amazing things with JavaScript bringing your web content to life.</p><p>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.</p><p><strong>Only on Udemy – you won’t find it anywhere else 🙂 </strong></p><p><strong>Portfolio Builder 50+ projects</strong></p><p>PLUS - All the JavaScript and programming fundamentals: things like variables, data types, boolean logic, if/else statements, loops, functions, objects, arrays, and more.</p><p><br></p><p>This course includes full introduction to coding with JavaScript, all core syntax and how to apply it to make things happen. Create your own code – loaded with challenges and code snippets.</p><p><strong>Includes 2 downloadable ebook guides – over 250 pages. +++++ BONUS CONTENT</strong></p><p>Over 50 Projects to try and see how JavaScript can be applied in the REAL WORLD – perfect to practice JavaScript, Challenge yourself, and see JavaScript in action. Supercharge your portfolio by trying and applying your own version of the projects. This is an excellent way to showcase a wide variety of code snippets and see it in action.</p><p>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.</p><p>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!</p><p>Variety of code with several approaches to get you more familiar with JavaScript.</p><p>Learning approach is to demonstrate the code and then have you try it!</p><p>What you will learn…..</p><p><strong>Course Introduction :</strong> Welcome to the course, how to guide</p><ul><li><p><strong>JavaScript fundamentals : </strong>Getting started with JavaScript. 4 Challenges, 202 Page Ebook, Resources, Code Examples</p></li><li><p><strong>JavaScript DOM </strong>: JavaScript Document Object Model creating interactive and dynamic content with JavaScript. 4+ Challenges, 60 page Ebook, resources, code examples.</p></li><li><p><strong>JavaScript Advanced </strong>: Covering using JavaScript methods like Date, Fetch, xHR, string methods and more. Comes with 60+ page guide 3+ Challenges, resources, code examples.</p></li><li><p><strong>Tip Calculator :</strong> 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.</p></li><li><p><strong>Welcome messages</strong> : Get input value and output to the screen a welcome message to the users name that is entered into the input field.</p></li><li><p><strong>Dynamically changing message </strong>: Uses value to show different messages. Customized message using JavaScript dependent on time of day</p></li><li><p><strong>Coin Toss Application</strong> : Coin Toss Application – is it heads or tails JavaScript. Simple VS game you against the computer.</p></li><li><p><strong>Rock Paper Scissors Game </strong>: Who wins ??? Rock Paper Scissors. Paper > Rock > Scissors > Paper > Rock. Pick one at random – see who wins</p></li><li><p><strong>Ultimate Dice Game </strong>: Apply game logic and flow making a JavaScript Dice Game. Highest rolls wins you vs the computer</p></li><li><p><strong>Play audio files and sounds </strong>: Create interactive audio using JavaScript. Click a button play an mp3 file.</p></li><li><p><strong>JavaScript Dynamic Typing Test :</strong> Create an interactive typing test for web users with JavaScript code. Random Phrases for typing test. Checks for errors counts errors in words</p></li><li><p><strong>Functionator Function practice</strong> : Learn and explore more about functions. Select movement by key presses, run the sequence of movements. Remove movements by click on the step.</p></li><li><p><strong>Magic Eight Ball JavaScript</strong> : Magic 8 Ball – find out the answer to your questions. Getting data from input field outputting a random response.</p></li><li><p><strong>Combination guesser Game </strong>: Can you guess the secret combination. Random combinations. Provides feedback when wrong value is selected – Blue guess was low – Red guess was high – Green guess was correct. No HTML elements all JavaScript created</p></li><li><p><strong>Word Scramble</strong> – guess the word : JavaScript arrays – randomize array contents Element selection and manipulation of DOM content. Simple random word scramble – check if the input matches the random word</p></li><li><p><strong>Countdown Timer : Countdown Timer </strong>- 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</p></li><li><p><strong>Pattern matching game : </strong>Pattern matching game Use of JavaScript to setup game board grid. Watch a sequence of light up colors. Click the colors in the same sequence to progress.</p></li><li><p><strong>Click Popper Game :</strong> Create a fun interactive DOM based game with JavaScript. Click only + items as they show up, see how much you can score in the time provided.</p></li><li><p><strong>High Low Card Game : </strong>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</p></li><li><p><strong>Click Shape Game : </strong>Random shapes appear on screen the objective is the user needs to click them quickly. JavaScript mini game using the DOM for element updates and manipulation. Only JavaScript to style and create elements</p></li><li><p><strong>Word Finding Game :</strong> Word scrambler. Hover over the red boxes to find scrambled words. Click the one that matches the select this word value.</p></li><li><p><strong>JavaScript Car Game : </strong>Drive your car avoid the other cars. Use the keyboard to move the car element. Random movement of other cars. Use of RequestAnimationFrame . Movement of element on Keypress. Element manipulation CSS and Style. Check Collision Detection</p></li><li><p><strong>Input field Character counter : </strong>DOM selection and manipulation with input fields and updating getting values from form inputs using JavaScript. Turn red when the max number of characters is reached.</p></li><li><p><strong>Element Scrolling Content Code Snippet :</strong> Apply JavaScript to select elements and event triggers. Use JavaScript to move element contents, track position of element and mouse. Update scroll speed.</p></li><li><p><strong>Fun with the Document Object Model : </strong>clone elements – update element style and move elements. Random Color Generator. Create elements, move elements, remove elements.</p></li><li><p><strong>Just JavaScript Click Counter : </strong>Build content using JavaScript Only count user clicks on dynamically created elements. Create elements and add style all using JavaScript.</p></li><li><p><strong>Image popup window : </strong>JavaScript event listeners on images. Once clicked image shows in div and rest of the screen is darkened. Close the div send back to hidden.</p></li><li><p><strong>JavaScript Word Guessing Hangman game :</strong> Create a dynamic and interactive game from scratch. Create interactive letter buttons, dynamically. Random word from an array. Check for letters in word show results with feedback visually. </p></li><li><p><strong>JavaScript Modal Popup Example : </strong>Create interactive popup windows using JavaScript Manipulate elements using JavaScript. Shows modal content in element, darkens the rest of page content.</p></li><li><p><strong>Image Carousel JavaScript animated slideshow application : </strong>Interval timeout creating elements using JavaScript. Animated and interactive image slideshow changes images and text. </p></li><li><p><strong>Star Rating project : </strong>Event triggers update element classes. Change styling on hover and on click. Store results and display to the user.</p></li><li><p><strong>Plane Bomber game : </strong>Apply JavaScript to create an interactive game. Keyboard events tracking and movement of elements. Collision Detection of elements. Press spacebar to drop elements on target.</p></li><li><p><strong>JavaScript Accordion component :</strong> Explore how to create an accordion component for websites using JavaScript. Click to reveal hidden element content under link. Remove visible on click.</p></li><li><p><strong>Chaser Box game : </strong>Create the game board using JavaSCript. Create one box as green and another as red. Not the same one. Track keyboard presses and move the red box until it is on top of the green one.</p></li><li><p><strong>Tooltip : </strong>Explore how to apply JavaScript to create a simple tooltip code snippet. Show popup tooltip over words when mouse is on top of element.</p></li><li><p><strong>Email Exacter application : </strong>Build a dynamic email extracting application with JavaScript. Use of RegEx Pattern Match. Paste text click a button see only emails, unique emails found in string.</p></li><li><p><strong>Popup message : </strong>Click an element, shows modal popup message with close button. Message contents from element attributes. </p></li><li><p><strong>Clipboard – Copy and Move : </strong>Explore how you can use JavaScript to select content from input fields and copy content to users clipboard. Get content from textarea add content to clipboard or other textarea.</p></li><li><p><strong>Pure JavaScript Calculator : </strong>Use javascript arrays to create calculator dynamically. Get input values and calculate output for display to user.</p></li><li><p><strong>Editable Shopping List : </strong>Create Dynamic Content from input values. Add items to list, remove items from the list. Edit items inline within the list. Update list items</p></li><li><p><strong>Placeholder image path generator : </strong>Select input values add event listeners on change update output content using JavaScript. Use input values to create path for images from placeholder</p></li><li><p><strong>Catch element game :</strong> 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.</p></li><li><p><strong>Element Mouse and click events : </strong>Create element track time it takes player to click the element – JavaScript game. Exercise to practice element style.</p></li><li><p><strong>Create Form Validation : </strong>Explore how to apply JavaScript to create form input validation on form submission. Check values to ensure they meet requirements set within JavaScript conditions. Update element input field messages.</p></li><li><p><strong>Cookie get set tester :</strong> Apply JavaScript to create interactive form to test cookies. Get Set and Delete cookies from the browser.</p></li><li><p><strong>DOM interaction Application :</strong> 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.</p></li><li><p><strong>Google Sheet data to CSV exporter : </strong> 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.</p></li><li><p><strong>Flying bird game : </strong>Listen for keyboard presses, track and move element accordingly. JavaScript RequestAnimationFrame for animation of content. Create Moving Obstacles for difficulty. Collision detection between elements.</p></li><li><p><strong>Number Guessing Game :</strong> Guess the correct number to win. Provides feedback if number was higher or lower. Takes input value.</p></li><li><p><strong>Element Catcher game : </strong>Keyboard press for element movement. Animation frame for iteration of function. Create elements and remove elements with JavaScript. Catch all the falling elements with your red box.</p></li><li><p><strong>Alien Invader Game : C</strong>reate aliens with CSS and JavaScript. Move aliens down. Objective is to shoot with space bar to hit aliens before they get to your level. Move the ship with arrow keys.</p></li><li><p><strong>Card War Game :</strong> 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.</p></li></ul><p>MORE CONTENT ADDED all the TIME – Can you Handle this?????????????</p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building and creating with JavaScript today!!!!</p><p>Learn more about<strong> JavaScript </strong>and how <strong>JavaScript ES6</strong> can be applied to create amazing<strong> JavaScript projects</strong>. Course is loaded with <strong>JavaScript Examples</strong> and perfect <strong>JavaScript for Beginners</strong> to learn more about <strong>JavaScript Online</strong>. Writing<strong> JavaScript Code</strong> using <strong>vanilla JavaScript </strong>- no libraries no tricks this<strong> JavaScript tutorial </strong>the <strong>JavaScript Course </strong>will walk you through creating your own<strong> JavaScript code </strong>and provide many <strong>JavaScript Code Snippets</strong> for use in <strong>JavaScript programming.</strong> <strong>Learn JavaScript</strong> with this step by step<strong> JavaScript Course.</strong></p><p><strong>JavaScript</strong> is a high-level, interpreted programming language for computers. It is often run in web browser applications to create things that work by themselves like a popup message or a live clock. It is not related to the programming language Java!</p><p>How to make JavaScript code interact with webpages: DOM manipulation. Learn how to select and change webpage elements, create new elements and handle DOM events.</p><p>Everything you need to know in order to gain a deep understanding of how JavaScript works behind the scenes</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript DOM Coding Modern Dynamic interactive web pages | https://www.udemy.com/course/javascript-course-dom/ | Document Object Model Power your websites make things happen online – JavaScript to create interactive web pages | <p>Includes Downloadable PDF guide to help you along the way</p><p>Learn more about<strong> JavaScript </strong>and how <strong>JavaScript ES6</strong> can be applied to create amazing<strong> JavaScript projects</strong>. Course is loaded with <strong>JavaScript Examples</strong> and perfect <strong>JavaScript for Beginners</strong> to learn more about <strong>JavaScript Online</strong>. Writing<strong> JavaScript Code</strong> using <strong>vanilla JavaScript </strong>- no libraries no tricks this<strong> JavaScript tutorial </strong>the <strong>JavaScript Course </strong>will walk you through creating your own<strong> JavaScript code </strong>and provide many <strong>JavaScript Code Snippets</strong> for use in <strong>JavaScript programming.</strong> <strong>Learn JavaScript</strong> with this step by step<strong> JavaScript Course.</strong></p><p>Source code making it easy for you to try the code and experiment learning the code.</p><p>Challenges and tips to get you coding quickly.</p><p>Make you web pages come to life</p><ul><li><p>DOM what it is</p></li><li><p>Element selection</p></li><li><p>Multiple element selection</p></li><li><p>Element manipulation – update content and select attributes</p></li><li><p>Elements and classes add remove and toggle</p></li><li><p>Traversing children and parents</p></li><li><p>Element style attribute</p></li><li><p>Challenge #1 image popup window</p></li><li><p>Create elements</p></li><li><p>Click events</p></li><li><p>Challenge #2 click event create elements</p></li><li><p>Challenge #3 click change background</p></li><li><p>Event Object</p></li><li><p>Key press event</p></li><li><p>Mouse move events</p></li><li><p>Challenge #4 – List items advanced remove,create element, click</p></li><li><p>Event bubbling and capturing</p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Learn ore about JavaScript and DOM interaction making website come to life.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript YouTube API Course | https://www.udemy.com/course/javascript-youtube-api-course/ | Explore how to connect to web API’s like YouTube and get data from the API place it on your web page using JavaScript | <p>Explore how you can use<strong> JavaScript fetch </strong>method to connect to an API like YouTube and get data back to add to your web projects. </p><p>Source Code and resources are included to get you started quickly.</p><p>Course is designed to highlight using JavaScript to make a connection to the YouTube API -<strong> JavaScript IS A Prerequisite TO THIS COURSE <em>*****Beginner JavaScript knowledge is required ***** </em></strong><em>as the course covers only JavaScript relevant to the using Fetch and manipulating elements with object data. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p>Course Covers</p><ul><li><p>Web page setup for prepare to receive content </p></li><li><p>Getting YouTube API key and resources for more information about the YouTube API</p></li><li><p>How to use the JavaScript Fetch method</p></li><li><p>DOM event handler click event on element</p></li><li><p>Get JSON data as JavaScript Object</p></li><li><p>Using JavaScript Map Prototype to built a custom array object</p></li><li><p>Fetch Update with elements and event trigger</p></li><li><p>Handling multiple pages with next and previous</p></li><li><p>All this and more</p></li></ul><p><strong>Step by step learning with all steps included.</strong></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the application today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Element Catcher Game JavaScript Mini Project | https://www.udemy.com/course/game-javascript-exercise/ | Wanna play a game and practice JavaScript DOM manipulation – Explore how you can APPLY JavaScript to create a game | <p>This course covers APPLYING JavaScript to create a simple DOM based game. Explore how to create a game structure and create a sequence of events manipulating and updating elements to provide game play.</p><p>Learn more about<strong> JavaScript </strong>and how <strong>JavaScript ES6</strong> can be applied to create amazing<strong> JavaScript projects</strong>. Course is loaded with <strong>JavaScript Examples</strong> and perfect <strong>JavaScript for Beginners</strong> to learn more about <strong>JavaScript Online</strong>. Writing<strong> JavaScript Code</strong> using <strong>vanilla JavaScript </strong>- no libraries no tricks this<strong> JavaScript tutorial </strong>the <strong>JavaScript Course </strong>will walk you through creating your own<strong> JavaScript code </strong>and provide many <strong>JavaScript Code Snippets</strong> for use in <strong>JavaScript programming.</strong> <strong>Learn JavaScript</strong> with this step by step<strong> JavaScript Course.</strong></p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong><em>*****Beginner JavaScript knowledge is required ***** </em></strong><em>as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Course will demonstrate using the below within a simple web application</p><ul><li><p>Element selection querySelector() and querySelectorAll()</p></li><li><p>Use of JavaScript methods for positioning and element dimensions getBoundingClientRect()</p></li><li><p>Use of JavaScript objects to hold data</p></li><li><p>Adding event listeners for player interaction addEventListener()</p></li><li><p>Manipulating element style attributes</p></li><li><p>Creating animations requestAnimationFrame()</p></li><li><p>Using JavaScript to create Elements on the fly createElement()</p></li><li><p>Adding created elements to visible page appendChild()</p></li><li><p>Use of JavaScript Math() </p></li><li><p>Keystroke event listeners and actions for those key presses</p></li><li><p>All this and more </p></li><li><p>Source Code is included along the way as well as the final working source code</p></li></ul><p><strong>Step by step learning with all steps included.</strong></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| DOM Commander JavaScript Project Course RealWorld JavaScript | https://www.udemy.com/course/dom-javascript-project-course/ | JavaScript DOM Commander fun interactive web application that explores element manipulation all using JavaScript | <p><strong>ALL JavaScript Project -</strong> Explore how to build a keyboard command project that allows you to press keys on your keyboard and move an element on the page around. Great to practice and learn more about how element manipulation works and how JavaScript can be used to dynamically update element attributes and contents. </p><p>Learn more about<strong> JavaScript </strong>and how <strong>JavaScript ES6</strong> can be applied to create amazing<strong> JavaScript projects</strong>. Course is loaded with <strong>JavaScript Examples</strong> and perfect <strong>JavaScript for Beginners</strong> to learn more about <strong>JavaScript Online</strong>. Writing<strong> JavaScript Code</strong> using <strong>vanilla JavaScript </strong>- no libraries no tricks this<strong> JavaScript tutorial </strong>the <strong>JavaScript Course </strong>will walk you through creating your own<strong> JavaScript code </strong>and provide many <strong>JavaScript Code Snippets</strong> for use in <strong>JavaScript programming.</strong> <strong>Learn JavaScript</strong> with this step by step<strong> JavaScript Course. real World JavaScript</strong></p><p>In the course we build a mini project that listens to key presses and updates an element on the page accordingly. Topics covered include.</p><ul><li><p>Create and element dynamically using JavaScript</p></li><li><p>Listen for keyboard arrow key presses </p></li><li><p>Track key presses and move the element accordingly</p></li><li><p>Run a function to move and element</p></li><li><p>Add elements to a page using JavaScript</p></li><li><p>Create an array of elements </p></li><li><p>Execute a list of movements on command </p></li><li><p>Update, Delete and move elements on the page.</p></li><li><p>Source Code is included.</p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript learn DOM JavaScript DOM project code examples | https://www.udemy.com/course/learn-javascript-dom/ | Explore how you can apply JavaScript to practice and learn more about how to manipulate the DOM using JavaScript | <p>Create a dynamic interactive web application to update DOM elements, add toggle classes, create new elements dynamically and remove elements</p><p><strong><em>Create a input form – have it update your page elements – have fun while learning element selection and manipulation.</em></strong></p><p>The DOMinator is a set of input fields with buttons that connect to page elements allowing you to update the content and add classes.</p><p>Create an web interface to select and update elements from the webpage. Add and remove elements using the form input and select options. Demonstrates how to apply DOM manipulation, make element selection all while creating a fun interactive web application.</p><p>Course Covers</p><ul><li><p>Element selection using querySelector</p></li><li><p>Adding event listeners to elements</p></li><li><p>Creating element on the fly using JavaScript</p></li><li><p>Updating element inner contents inputs and divs</p></li><li><p>adding options to a select input dynamically using JavaScript</p></li><li><p>Removing elements from page</p></li><li><p>Iterating array data and using it within applications</p></li><li><p>Applying logic to create interactive content</p></li><li><p>Add and remove element classes</p></li><li><p>Source Code included.</p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Alien Invaders Game Project Course | https://www.udemy.com/course/javascript-game-project-course/ | Learn JavaScript by applying JavaScript to build a fun interactive Game based on DOM element interaction | <p><strong>HTML CSS and Fundamental JavaScript IS a prerequisite for this course.</strong></p><p>Course scope is to practice and explore how to apply JavaScript to build an interactive web based game from scratch</p><p>Learn and see how element can be selected and manipulated to create game effects and animations. Apply logic to construct the game in a step by step format. </p><p>This is a FAST PACED course DESIGN FOR STUDENTS WHO WANT TO SEE JAVASCRIPT APPLIED IN A PROJECT FORMAT</p><p>Source code is included so you can build your own version of the game. Step by step lessons constructing the game from a blank page.</p><p>Course covers</p><ul><li><p>DOM element selection and element manipulation</p></li><li><p>Update of style attribute and screen position</p></li><li><p>Use of JavaScript methods like Math(), getBoundingClientRect() and others</p></li><li><p>Check element collision detection</p></li><li><p>Adding keyboard event listeners and tracking them</p></li><li><p>Use of animation frame for smooth animations</p></li><li><p>Tracking and movement of page elements</p></li><li><p>Apply JavaScript to create a web based game</p><p><br></p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p></li></ul><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Card War Game Project Course | https://www.udemy.com/course/javascript-card-game-course/ | Create a dynamic fully functional card game using JavaScript – source code is included build your own version | <p>Learn more about JavaScript – DOM manipulation while building a fun interactive game from scratch </p><p>Card war game – highest card wins the pot of cards – </p><p><strong>Game outline</strong></p><ol><li><p>Let the user select the number of players</p></li><li><p>Use JavaScript to create a deck of cards (52)</p></li><li><p>Deal the cards to each player evenly</p></li><li><p>Flip the top card for each player</p></li><li><p>Check which card it the highest value – if there is a tie run a playoff</p></li><li><p>On tie run the playoff function checking to see the players followup cards and who has the highest. If the player runs out of cards they lose.</p></li><li><p>Let the player determine how many rounds of attack will be run</p></li><li><p>Keep running steps 4-7 until one player holds all the cards and is the winner</p></li><li><p>Once a winner is determined allow the player to restart the game build the sequence again</p></li></ol><p><strong>Course Covers</strong></p><ul><li><p>Element selection and manipulation</p></li><li><p>Creating arrays in JavaScript – Array methods and array data handling</p></li><li><p>Adding event listeners to listen for user interactions</p></li><li><p>Updating element style properties and values on the fly</p></li><li><p>Adding and removing element classes</p></li><li><p>Creating elements dynamically and adding them to the page</p></li><li><p>Applying game play logic and game development logic</p></li><li><p>Big fixes and debugging applications</p></li><li><p>Checking game logic and applying game logic to create play path</p></li><li><p><strong>Source Code is included</strong></p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Cookie Tester web application | https://www.udemy.com/course/javascript-cookie-exercise/ | Explore how you can use JavaScript to set get and remove cookies from the Document Object Learn JavaScript | <p>Project based course showing how to Get Set and Remove cookies using JavaScript. Step by step building an application from scratch to practice JavaScript cookie options for web developers.</p><p><strong>Course Covers</strong></p><ul><li><p>Element selection and manipulation with JavaScript</p></li><li><p>Iterating node list content using forEach method</p></li><li><p>adding Event listeners and actions for event handling</p></li><li><p>JavaScript methods Date</p></li><li><p>JavaScript string method</p></li><li><p>Setting cookie values name and values</p></li><li><p>Setting Getting and removing cookies from the Document object</p></li><li><p>JavaScript decodeURIComponent and encodeURIComponent</p></li><li><p>JavaScript trim() split() </p></li><li><p>Create element dynamically using JavaScript</p></li><li><p>Source code is included</p></li><li><p>Step by step applying logic to create a fully interactive and dynamic web application </p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the application today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Form Validation Web application | https://www.udemy.com/course/javascript-form-course/ | Learn JavaScript and how to apply form validation features to form fields on form submission | <p>Perfect course to learn more about form handling using JavaScript to enhance and provide checks of input content.</p><p><strong>Course covers</strong></p><ul><li><p>Element selection from HTML Content</p></li><li><p>Adding event listeners for form submit event</p></li><li><p>Function to run blocks of code </p></li><li><p>prevent Default action of form submission</p></li><li><p>looping Node list content forEach</p></li><li><p>getting element attribute values</p></li><li><p>Setting and manipulating element style properties</p></li><li><p>JavaScript methods to check array content</p></li><li><p>Regex to test string values</p></li><li><p>JavaScript utility methods to handle strings and array</p></li><li><p><strong>Source Code is included</strong></p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the of the application today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script CalendarApp and SpreadsheetApp Project | https://www.udemy.com/course/google-apps-script-calendarapp/ | Create interactive application – connect Google Spreadsheet to track Calendar events and create Calendar events | <p>Explore how you can use Google Apps Script to develop interactive applications that can be used to improve business workflow and extend the functionality of the google suite of products. This course covers building a project which adds the ability within a Google Spreadsheet to search the users Google Calendar and track results within the spreadsheet. In Addition create an option to add items into the users calendar from the spreadsheet menu as well as from a web app url form.</p><p>JavaScript is a prerequisite to Google Script as its based on JavaScript coding. Many of the methods and code from JavaScript can be used to write Google Script. <strong> If you know JavaScript you know Google Script!!!! </strong></p><p>Google provides classes and methods that can be applied within the code to connect various Google products together to create some <strong>REALLY REALLY </strong>amazing functionality that can save time. Power up your web development using the <strong>POWER of GOOGLE</strong></p><p>So many amazing things can be done – if you have never used Google Script then prepare to be AMAZED – best of all its easy and you can do <strong>SOOOO MUCH with just a few lines of code.</strong></p><p>Course Contents -</p><ul><li><p>CalendarApp – selecting events</p></li><li><p>CalendarApp – creating events into your calendar</p></li><li><p>SpreadsheetApp – updating UI adding buttons</p></li><li><p>SpreadsheetApp – running functions from UI tool menu</p></li><li><p>SpreadsheetApp – Creating new sheet</p></li><li><p>SpreadsheetApp – Adding rows and content to spreadsheet</p></li><li><p>HTMLService -Use of html templates files for project output and popup windows</p></li><li><p>SpreadsheetApp – UI dialog window, toast, sidebar</p></li><li><p>Web App with URL to connect to Google Script methods</p></li><li><p>Sending data from client side to server side – return and response handling</p></li><li><p>JavaScript for checking if values exist in a string</p></li><li><p>JavaScript HTML and CSS for template used as dialog</p></li><li><p>Sending form data to Google Script to handle</p></li></ul><p>Please note that this is a project based course covering step by step how to build and construct the project – source code is also included so you can try the code yourself.</p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required. Also HTML and CSS knowledge is essential. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Create your own Google Script see what amazing things you can build with it.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript CSV file creator Google spreadSheet to CSV code | https://www.udemy.com/course/javascript-csv-file-creator/ | Explore how you can use JavaScript to create a clickable link to download a JavaScript generated CSV file | <p>Did you want to create a download file option for your web visitors – downloading content from data and even a Google Spreadsheet?</p><p>All done with JavaScript </p><p>Course Covers </p><ul><li><p>Setting up a default data object</p></li><li><p>Generating a downloadable text file on the fly using JavaScript</p></li><li><p>Generating a downloadable CSV file on the fly</p></li><li><p>Element select and style manipulation</p></li><li><p>Adding of event listeners to elements</p></li><li><p>Elements as objects in JavaScript</p></li><li><p>createObjectURL method to create file URLs</p></li><li><p>Cleaning and restructuring of data objects for CSV</p></li><li><p>Adding elements and removing elements from the web page</p></li><li><p>Use of regex to search and JavaScript to update strings</p></li><li><p>Use of fetch to get Google Spreadsheet JSON feed</p></li><li><p>Setup of Google Spreadsheet JSON </p></li><li><p>Restructuring JSON to array format for CSV file</p></li><li><p>Source Code is included so you can try the code and build your own version of the application.</p></li></ul><p><strong>Allow web visitors to download current copy of the spreadsheet from a link – all front-end and done dynamically with JavaScript</strong></p><p>”Course was designed using learning objectives and real world requests from students” – JavaScript in the real world!!! – Useful code and code snippets explained.</p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| How to create a JavaScript Game Number Guessing Game Project | https://www.udemy.com/course/javascript-number-game/ | Learn JavaScript and how to apply JavaScript within a fun real world project creating a number guessing game | <p>Learn more about JavaScript and how you can create fun interactive content within web applications for users.</p><p>JavaScript DOM manipulation provides the ability to update element content and attributes. Explore how you can apply JavaScript to create interactive dynamic web content. This is a project based course demonstrating step by step how to build a web application.</p><p><strong>Course covers</strong></p><ul><li><p>Event listeners to listen for DOM content load</p></li><li><p>Setting of variables and objects for use in Game flow</p></li><li><p>Using JavaScript to add, remove and check if classes exist in an element</p></li><li><p>Element style updates dynamically with JavaScript</p></li><li><p>Ternary operator to apply logic</p></li><li><p>Game logic with conditional statements</p></li><li><p>Use of JavaScript methods like Math to create randomness</p></li><li><p>Source code is included</p></li><li><p>try the code and see what you can build</p></li></ul><p><strong><em>Perfect to practice and learn more about JavaScript and the Document object Model</em></strong></p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| Create Games JavaScript make 2 Game projects from scratch | https://www.udemy.com/course/dom-games-javascript-course/ | Learn JavaScript while building 2 dynamic and interactive games from scratch – JavaScript element selection with DOM | <p>Did you want to learn more about JavaScript and how to select and update elements. Practice DOM interaction and manipulation while build 2 fun practice projects. </p><p><strong>JavaScript Project #1- Catch the element Game</strong></p><ul><li><p>Adding event listeners to elements</p></li><li><p>Element selection and manipulation</p></li><li><p>Element style updates and dynamically change style properties with JavaScript</p></li><li><p>Updating innerText and HTML content</p></li><li><p>Use of JavaScript Math methods</p></li><li><p>Applying of game logic</p></li><li><p>Creating element movement on page</p></li><li><p>Use of requestAnimationFrame for web page animation</p></li><li><p>Use of getBoundingClientRect to get element boundaries</p></li><li><p>Source Code is included so you can try the game and create your own version</p></li></ul><p><strong>JavaScript Project #2- Element Quick Clicker</strong></p><ul><li><p>Adding event listeners to elements</p></li><li><p>Game scoring and progress</p></li><li><p>Game logic and conditions to win</p></li><li><p>Element style manipulation</p></li><li><p>Use of setTimeout</p></li><li><p>Appending elements and removing elements from web page</p></li><li><p>DOM manipulation and interaction</p></li><li><p>Creation of dynamic and interactive content</p></li><li><p>Source Code is included so you can try the game and create your own version</p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript 3 practice projects Input form Exercise Generator | https://www.udemy.com/course/javascript-project-course/ | Learn JavaScript creating 3 unique interactive projects from scratch – JavaScript DOM element selection and manipulation | <p>Learn more about JavaScript and Document Object Model interaction for web applications – Have fun building three interactive projects from scratch.</p><p>JavaScript is excellent at creating amazing interactive applications – forms are used everywhere and learning how to utilize form content with interactive JavaScript is what this course is all about. See the code in action in a real world application how you can apply JavaScript to your own projects to edit form content, update content visually making better user experiences.</p><p><strong>Project #1 – Copy to clipboard using JavaScript exercise</strong></p><ul><li><p>Add event listeners for user interaction</p></li><li><p>Copy command using JavaScript</p></li><li><p>Element contents and values</p></li><li><p>Element selection and manipulation</p></li></ul><p><strong>Project #2 – Copy to clipboard using JavaScript exercise</strong></p><ul><li><p>Create a table dynamically using JavaScript from an array</p></li><li><p>Create elements with JavaScript</p></li><li><p>Apply element style and attributes</p></li><li><p>Adding interaction with Event listeners\</p></li><li><p>Element values and selection</p></li><li><p>Array updates and removal of items</p></li><li><p>Update element contents add input field for updating</p></li><li><p>Create elements with JavaScript</p></li><li><p>Building of output and updates using JavaScript</p></li></ul><p><strong>Project #3 – Placeholder image path generator JavaScript string builder</strong></p><ul><li><p>Select and use element input values</p></li><li><p>Dynamically generator contents</p></li><li><p>Formulate and clean string values to match format</p></li><li><p>Element selection and manipulation</p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript in Action create 3 fun JavaScript coding projects | https://www.udemy.com/course/javascript-projects/ | Explore how you can build interactive and dynamic web content using JavaScript to create fun mini projects | <p><strong><em>Learn practice JavaScript Have fun while building three mini projects from scratch</em></strong></p><p>Project #1</p><p><strong>JavaScript Accordion click and open elements</strong></p><ul><li><p>JavaScript element selection</p></li><li><p>Adding event listeners to element with a class</p></li><li><p>Use of JavaScript methods like nextElementSibling and classList</p></li><li><p>Manipulate element classes with JavaScript</p></li></ul><p>Project #2</p><p><strong>JavaScript Game – Box chaser</strong></p><ul><li><p>JavaScript element selection and manipulation</p></li><li><p>Use of JavaScript Math and Math random</p></li><li><p>Key event listeners for arrow keys</p></li><li><p>DOMContentLoaded – listener</p></li><li><p>Building a grid dynamically with JavaScript</p></li><li><p>Handling key presses and moving element</p></li><li><p>Adding and removing element classes dynamically</p></li><li><p>Updating element style values using JavaScript</p></li><li><p>Using objects and Arrays to contain element content</p></li><li><p>Creating elements and adding them to the html dynamically</p></li><li><p>Applying game logic and scoring of game </p></li><li><p>Game play win check</p></li></ul><p>Project #3</p><p><strong>JavaScript Tooltip maker</strong></p><ul><li><p>JavaScript element selection and manipulation</p></li><li><p>Adding event listeners mouseover and mouseout</p></li><li><p>Updating element style values</p></li><li><p>Select event object data </p></li><li><p>Setting intervals to run code</p></li><li><p>Updating element inner content</p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Game Create a flying bird game fun learn DOM | https://www.udemy.com/course/learn-javascript-game-course/ | Use JavaScript connect with Elements and create a game while practicing learning JavaScript and Document Object Model | <p>Fun and exciting way to practice JavaScript while building an interactive game from scratch. </p><p>Learn how to apply JavaScript – connect to elements – update and manipulate element content and attributes – create interaction with event listeners – create content dynamically – all done in a step by step format so you can learn explore and create your own version of the game. Apply what you learn to your JavaScript projects to master working with the DOM.</p><p><strong>Explore how you can apply JavaScript to :</strong></p><ul><li><p>Select elements from the web page</p></li><li><p>Create global variables and objects to use for game play</p></li><li><p>Add event listeners to create interactive content</p></li><li><p>Listen for keypress and apply the results in your code</p></li><li><p>Add classes and remove classes from elements</p></li><li><p>Create elements dynamically on the fly with JavaScript</p></li><li><p>Append new elements to existing webpage elements</p></li><li><p>Use offset values of elements within code</p></li><li><p>Update element style values to produce animation</p></li><li><p>Use of awesome JavaScript methods like getBoundingClientRect()</p></li><li><p>Smooth animations with requestAnimationFrame()</p></li><li><p>Check for element overlap and collision detection </p></li><li><p>How to build your game to be dynamic with flexible variables</p></li><li><p>and much more.</p></li></ul><p><strong>Source Code is included</strong> so you can try it for yourself, what is covered in the lessons.</p><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Taught by a professional instructor with over 18 years of experience ready to help you learn.</p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript code 3 code mini projects practice coding DOM | https://www.udemy.com/course/javascript-example-code/ | JavaScript examples of mini applications you can build Apply JavaScript to build applications and useful code snippets | <p>Perfect course to learn more about JavaScript and how to apply JavaScript in real world applications.</p><p>Practice JavaScript while building fun interactive and dynamic min applications with JavaScript</p><p><strong>Text area character counter</strong></p><ul><li><p>Events handlers</p></li><li><p>Keyboard events</p></li><li><p>Element manipulation</p></li></ul><p><strong>Text scroll box</strong></p><ul><li><p>Word scrolling</p></li><li><p>Mouse events</p></li></ul><p><strong>Fun with Elements</strong></p><ul><li><p>Clone elements</p></li><li><p>create and remove elements</p></li><li><p>animate elements</p></li><li><p>draw elements</p></li><li><p>attaching drag and more</p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Car Driving Game from scratch with source code | https://www.udemy.com/course/javascript-car-game/ | Learn how you can build a car game from scratch practice exercise building a fun mini application | <p>Using JUST JAVASCRIPT see how you can build a fully functional car racing game</p><p>Learn and practice applying JavaScript.</p><p>Perfect for beginners to learn step by step to build interactive web applications. This course covers building a web site based car driving game, with all the source code and everything you need to build your own version. JavaScript core knowledge is a prerequisite for this course along with HTML and CSS. This course is design for those who want to build interactive content using JavaScript and practice applying JavaScript in development.</p><p>The scope of the course is about<strong> applying JavaScript and seeing it in action. </strong></p><p>Course covers</p><ul><li><p>Element Selection and manipulation via JavaScript</p></li><li><p>Updating element style properties to move elements on your webpage</p></li><li><p>Adding event listeners to create interactive content</p></li><li><p>Keyboard events used to move elements</p></li><li><p>Collision detection between two elements on the page</p></li><li><p>Using animation frame function in JavaScript</p></li><li><p>Creating elements dynamically</p></li><li><p>Applying logic for game functions</p></li><li><p><strong>Step by step lessons – source code included </strong></p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Word Scramble Game from scratch course | https://www.udemy.com/course/learn-javascript-examples/ | Practice exercise to apply JavaScript building a fun interactive game application from scratch | <p>Great way to learn and practice JavaScript while building a fun interactive game.</p><ul><li><p>Guess the word its scrambled</p></li><li><p>Perfect to explore working with the DOM</p></li><li><p>Explore using JavaScript to interact with elements</p></li><li><p>Loop array data </p></li><li><p>Create event listeners</p></li><li><p>Add game play and logic</p></li><li><p>Hide and show elements</p></li><li><p>Check for winners</p></li><li><p>Use JavaScript methods</p></li><li><p><strong>Step by step lessons – source code included </strong></p></li></ul><p><strong>No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.</strong></p><p><strong>Step by step learning with all steps included.</strong></p><p><em>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </em></p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have. </p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Dynamic Quiz App using Google Sheets as source Google Script | https://www.udemy.com/course/quiz-app/ | Create your own web applications that uses Google Spreadsheet data to build quizzes and JavaScript to build the website | <p><strong>Build your own Dynamic and interactive quiz</strong> that uses only <strong>Google Sheet data to output the contents of the quiz</strong>, and<strong> JavaScript on your web page or website.</strong> You will be amazed at what you can do with just a few lines of code and how easy it is to connect Google Sheets to your website. This is a great solution to avoid backend code using only Google Script which is essentially JavaScript with a bunch of methods in the cloud. </p><p>No database – only JavaScript skills is a prerequisite for this course.</p><p>Power up your web applications – made easy – no magic just code ;)</p><p><strong>All the source code is included</strong></p><p>New to apps script – don’t worry its like JavaScript : Apps Script is a scripting language based on JavaScript 1.6, which gets executed in the Google Cloud. </p><p>JavaScript developers extend your knowledge and learn how you can use your skills to develop apps script bringing together all the power of Google’s Apps. </p><p><strong>Google Apps Script</strong> : is based on JavaScript 1.6 with some portions of 1.7 and 1.8 and provides subset of ECMAScript 5 API however instead of running on the client, it gets executed in the <strong>Google Cloud.</strong> According to Google, Apps Script “provides easy ways to automate tasks across Google products and third party services.”Apps Script is also the tool that powers the add-ons for Google Docs, Sheets and Slides.”</p><p>If you haven’t tried it yet, I guarantee you will be <strong>BLOWN AWAY </strong>at how powerful Google Script can be, and at how easy it is to write. With just a few lines of code you can <strong>DO A WHOLE LOT!!!</strong></p><p>Don’t take my word for it try it and see.</p><p>Taught by an instructor with over <strong>20 years of web development experience</strong>, ready to <strong>help you learn </strong>and <strong>answer any questions</strong> you may have.</p><p>What are you waiting for this course is perfect to start writing Google Script and to practice writing Google Script, you have nothing to lose.</p> | | | | | | | | | | | | | | | | | | |
|---|
| HTML CSS JavaScript for Beginners Modern Web Design Course | https://www.udemy.com/course/html-css-javascript-course/ | Explore how to build amazing interactive and dynamic websites using HTML – CSS – JavaScript and jQuery | <p>Explore how you can create websites from scratch!!!</p><p>Step by step course included EVERYTHING YOU NEED to get started and learn all the fundamental core concepts of web deisgn and web development.</p><p>Source CODE IS INCLUDED !!!</p><p>BONUS helpful PDF ebook to get you started quickly</p><p>Professional training from an instructor with over 20 years of web development experience ready to help you learn and answer any questions you have…..</p><p><strong>Course covers <em>everything </em>you need to know about HTML</strong></p><ul><li><p>Basic syntax – all the common tags used to develop web content</p></li><li><p>How and where you can write HTML – top resources and links included</p></li><li><p>Learn about HTML structure within web pages</p></li><li><p>Explore HTML5 semantic elements</p></li><li><p>Build your own HTML template</p></li><li><p>Create HTML lists, hyperlinks, and add images</p></li><li><p>Build tables for even more HTML structure</p></li><li><p>Create Forms with in depth form examples and HTML tag explanations</p></li><li><p>Add iframes and more cool HTML elements</p></li><li><p>Create your own mini HTML site using only HTML</p></li><li><p>All this and more.</p></li></ul><p><strong>Course covers <em>everything </em>you need to know about CSS</strong></p><ul><li><p>Find the top resources and links to help you learn</p></li><li><p>The basics of styling</p></li><li><p>How to use Classes and ID to select elements</p></li><li><p>Explore ALL the colors for fonts and backgrounds</p></li><li><p>Move content display properties</p></li><li><p>Learn how to apply styling to common HTML like Lists, Tables, and more</p></li><li><p>Everything you need to style your text and make it look fantastic – including Google Fonts</p></li><li><p>Floats to position elements and content</p></li><li><p>The BOX MODEL – padding, margins, border, height, and width for each element</p></li><li><p>CSS positioning</p></li><li><p>Working with Hyperlinks and making it look good</p></li><li><p>CSS Pseudo Class </p></li></ul><p><strong>Course covers <em>everything </em>you need to know about JavaScript</strong></p><ul><li><p>explore how to write JavaScript basics</p></li><li><p>Data types the building blocks of coding</p></li><li><p>Using Variables to hold data</p></li><li><p>Functions invoking blocks of code</p></li><li><p>JavaScript operators and assignment syntax</p></li><li><p>JavaScript Objects and Arrays</p></li><li><p>Conditions and Switches to apply logic</p></li><li><p>Loops and iterating through data</p></li><li><p>Arrays and array methods </p></li><li><p>Document object to manipulate HTML element content</p></li><li><p>all this and much more</p></li></ul><p><strong>Course covers <em>everything </em>you need to know about JavaScript Document Object Model DOM</strong></p><ul><li><p>Selecting elements within the DOM</p></li><li><p>Manipulating element content and text output</p></li><li><p>Adding styling and classes using JavaScript</p></li><li><p>Event Listeners to add user interaction to your web content</p></li><li><p>Building and creating elements with JavaScript</p></li><li><p>Build an interactive list project from scratch</p></li></ul><p><strong>Course covers <em>everything </em>you need to know about JSON and AJAX</strong></p><ul><li><p>What JSON is and how it works</p></li><li><p>Links and top resources for JSON and JavaScript</p></li><li><p>JavaScript Objects and JSON how they work and how you can use JSON within JavaScript code</p></li><li><p>Array objects and objects that contain arrays and more</p></li><li><p>How to iterate through all the JSON data objects and output them into your HTML page</p></li><li><p>Challenges in lessons with step by step solutions </p></li><li><p>JavaScript JSON methods</p></li><li><p>Local Storage to store JSON data</p></li><li><p>Using JavaScript Fetch to retrieve JSON data and responses</p></li><li><p>All this and much more</p></li></ul><p><strong>Course covers <em>everything </em>you need to know about jQuery</strong></p><ul><li><p>explore how to write jQuery basics</p></li><li><p>how to select elements to apply manipulations too</p></li><li><p>learn about applying style and classes</p></li><li><p>adding effects to elements like hide and show</p></li><li><p>make you web page come to life with animations and effects slide, fade and animation</p></li><li><p>create interaction with your page using event listeners like mouse events and keyboard events</p></li><li><p>use AJAX to connect to JSON data to easily populate content into your page</p></li><li><p>all this and much more</p></li></ul><p>You’ll get friendly support in the Q&A area and all the source code available for download. </p><p>What are you waiting join now to start learning how to make your own websites <strong>TODAY :)</strong></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| API for beginners JavaScript Getting Started with APIs AJAX | https://www.udemy.com/course/javascript-apis/ | Explore using JavaScript XHR and fetch to connect to multiple web API endpoints retrieve JSON data and update HTML | <p>Access several popular web APIs and retrieve response content for web applications. Step by step instruction on how to access web APIs using JavaScript XHR and fetch to get JSON data and update your web content.</p><p><strong>JavaScript is a prerequisite to this course – do not take this course if you do not have JavaScript core knowledge</strong></p><p><strong>HTML and using an editor is also a prerequisite to the course – the scope of the course is to focus on JavaScript APIs</strong></p><p>This course covers how to make AJAX requests using the XMLHttpRequest within JavaScript as well as fetch. JavaScript code knowledge is a prerequisite for the course. Scope of this course is focused on using JavaScript to connect to web APIs.</p><p><strong>Examples and source code accessing over 7 different APIs</strong></p><p><strong>Course Covers</strong></p><ul><li><p>Explore what XHR is and how it works</p></li><li><p>How to use JSON response data</p></li><li><p>Connect to Joke API to get new content and update it in your HTML page</p></li><li><p>JavaScript Objects and how it relates to JSON data</p></li><li><p>How to iterate JSON data and output it on your HTML</p></li><li><p>Use JavaScript fetch</p></li><li><p>Error handling and responses</p></li><li><p>Setting up your own JSON endpoints to practice connecting to JSON content</p></li><li><p>ES6 JavaScript fetch and short functions</p></li><li><p>Learn how to build an api that output country data</p></li><li><p>Online resources and more</p></li><li><p>Connecting to web APIs</p></li><li><p>Practice AJAX</p></li></ul><p>You’ll get friendly support in the Q&A area and all the <strong>source code available for download</strong>. </p><p>You will be amazed at how easy it can be to do some much. <br>Go ahead and hit that “take this course” button to start learning the how to use JavaScript to connect to web APIs Today. </p><p>Taught by an instructor with over <strong>20 years of web development experience</strong>, ready to <strong>help you learn </strong>and <strong>answer any questions</strong> you may have.</p><p>What are you waiting join now to start learning JavaScript API connections, you have nothing to lose.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript AJAX XHR for beginners | https://www.udemy.com/course/ajax-api-javascript/ | Explore JavaScript AJAX how to connect to web APIs retrieve JSON data to output in your web application using JavaScript | <p>Welcome to our introductory course for using AJAX – Asynchronous JavaScript And XML with JavaScript</p><p>Explore how you can use XMLHttpRequest to connect to web APIs to retrieve JSON data into your web application. Use JavaScript to send requests, receive response content and use the response data to output into the html. </p><p>This course covers how to make AJAX requests using the XMLHttpRequest within JavaScript. JavaScript code knowledge is a prerequisite for the course. Scope of this course is focused on AJAX </p><p><strong>Course Covers</strong></p><ul><li><p>Explore what XHR is and how it works</p></li><li><p>JavaScript Objects and how it relates to JSON data</p></li><li><p>Learn how to use JavaScript Object data setting and updating</p></li><li><p>How to save JSON and lint JSON to validate JSON data</p></li><li><p>Loop through content within JavaScript Arrays Objects and output content</p></li><li><p>What JavaScript AJAX readystate is</p></li><li><p>Use response data</p></li><li><p>Use JSON parse and stringify to convert data objects and strings</p></li><li><p>Explore how to use JSON data</p></li><li><p>Connecting to web APIs</p></li><li><p>Practice AJAX</p></li></ul><p>You’ll get friendly support in the Q&A area and all the <strong>source code available for download</strong>. </p><p><em>This Offer Won’t Last Forever</em></p><p>You will be amazed at how easy it can be to do some much. <br>Go ahead and hit that “take this course” button to start learning the AJAX Today. </p><p>Taught by an instructor with over <strong>20 years of web development experience</strong>, ready to <strong>help you learn </strong>and <strong>answer any questions</strong> you may have.</p><p>What are you waiting join now to start learning AJAX, you have nothing to lose.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JSON JavaScript Data Quick Course JSON for beginners | https://www.udemy.com/course/json-javascript/ | Learn how JSON works and how you can use JSON data via JavaScript in your web applications and web site | <p>This course is perfect for anyone who wants to learn JSON quickly in a fast paced course teaching you all the core fundamentals of JSON and how to apply JSON data in web applications. Use JavaScript to bring JSON formatted data into your web sites to easily load content. JSON course that helps you to get started quickly. Start writing JSON within JavaScript code today.</p><p>Learn JSON HERE – it will open the door to many possibilities.</p><p><strong>Step by step learning </strong>covering the core parts of JSON to get you using it quickly. <strong>Source code </strong>and <strong>everything you need to get started is included. </strong></p><p><strong>Bonus free PDF download covering a full summary with source code of all the lessons in this course.</strong></p><p>Course covers</p><ul><li><p>What JSON is and how it works</p></li><li><p>Links and top resources for JSON and JavaScript</p></li><li><p>JavaScript Objects and JSON how they work and how you can use JSON within JavaScript code</p></li><li><p>Array objects and objects that contain arrays and more</p></li><li><p>How to iterate through all the JSON data objects and output them into your HTML page</p></li><li><p>Challenges in lessons with step by step solutions </p></li><li><p>JavaScript JSON methods</p></li><li><p>Local Storage to store JSON data</p></li><li><p>Using JavaScript Fetch to retrieve JSON data and responses</p></li><li><p>All this and much more</p></li></ul><p>You’ll get friendly support in the Q&A area and all the <strong>source code available for download</strong>. </p><p><em>This Offer Won’t Last Forever</em></p><p>You will be amazed at how easy it can be to do some much. <br>Go ahead and hit that “take this course” button to start learning the JSON Today. </p><p>JavaScript is a recommended prerequisite to this course, it covers JSON and JavaScript interacting with JSON. JavaScript and JSON objects are similar in nature and understanding how to use JavaScript objects is a foundation for working with JSON.</p><p>Taught by an instructor with over <strong>20 years of web development experience</strong>, ready to <strong>help you learn </strong>and <strong>answer any questions</strong> you may have.</p><p>What are you waiting join now to start learning JSON, you have nothing to lose.</p> | | | | | | | | | | | | | | | | | | |
|---|
| jQuery Coding Fundamentals Explore jQuery Code Examples | https://www.udemy.com/course/learn-jquery-course/ | JQUERY Coding Course Easy Document Object Manipulation with the most popular JavaScript Library jQuery Coding | <p><strong>learn how to code jQuery </strong></p><p>This course is perfect for anyone who wants to learn jQuery quickly in a fast paced course teaching you all the core fundamentals of jQuery to get started quickly. Start writing jQuery code today.</p><p>Learn jQuery HERE – it will open the door to many possibilities.</p><p><strong>Step by step learning </strong>covering the core parts of jQuery to get you coding quickly. <strong>Source code </strong>and <strong>everything you need to get started is included.</strong></p><p>Course covers</p><ul><li><p>explore how to write jQuery basics</p></li><li><p>how to select elements to apply manipulations too</p></li><li><p>learn about applying style and classes</p></li><li><p>adding effects to elements like hide and show</p></li><li><p>make you web page come to life with animations and effects slide, fade and animation</p></li><li><p>create interaction with your page using event listeners like mouse events and keyboard events</p></li><li><p>use AJAX to connect to JSON data to easily populate content into your page</p></li><li><p>all this and much more</p></li></ul><p>You’ll get friendly support in the Q&A area and all the source code available for download. </p><p><em>This Offer Won’t Last Forever</em></p><p>You will be amazed at how easy it can be to do some much. Best of all jQuery syntax just makes sense!<br>Go ahead and hit that “take this course” button to start learning the jQuery Today. </p><p>jQuery is still the most popular JavaScript library available, in fact over 19 Million websites use it and its used in almost 5000 libraries. jQuery Knowledge should be part of any front end developers skill set and its a natural choice for anyone who is familiar with CSS and JavaScript. </p><p>jQuery provides web developers and easy way to create interactions with web pages.</p><p>Taught by an instructor with over <strong>20 years of web development experience</strong>, ready to <strong>help you learn </strong>and <strong>answer any questions</strong> you may have.</p><p>What are you waiting join now to start learning jQuery, you have nothing to lose.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript DOM Example code Interactive Dynamic JavaScript | https://www.udemy.com/course/dom-javascript-course/ | Create Dynamic and Interactive web pages with JavaScript and the DOM | <p>Learn how to make web-pages Dynamic and Interactive using JavaScript to connect with the Document Object Model and influence and manipulate page elements.</p><p>The Document Object Model is a Massive object that represents your page elements and their attributes. JavaScript can easily select objects within the DOM and use the content to change the display, add interactive events, update styling and a whole lot more. JavaScript makes your webpage come to life. JavaScript gives you the ability to open up that door and make amazing things happen on your website. This course covers only the JavaScript Document Object Model and prior JavaScript knowledge is a prerequisite to this course.</p><p><strong><em>Packed with Source Code and Exercises so you can try the same code from the lessons!!!</em></strong></p><p><strong>Bonus 2 PDF ebooks also included containing information about Object in JavaScript and the DOM</strong></p><p>Course covers</p><ul><li><p>Selecting elements within the DOM</p></li><li><p>Manipulating element content and text output</p></li><li><p>Adding styling and classes using JavaScript</p></li><li><p>Event Listeners to add user interaction to your web content</p></li><li><p>Building and creating elements with JavaScript</p></li><li><p>Build an interactive list project from scratch</p></li></ul><p>JavaScript is the technology that makes things happen online. Learn how to create Dynamic and Interactive web pages applying JavaScript with the DOM. </p><p>Taught by an instructor with over <strong>20 years of web development experience</strong>, ready to <strong>help you learn </strong>and <strong>answer any questions</strong> you may have.</p><p>What are you waiting join now to start learning JavaScript Document Object Model, you have nothing to lose.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Introduction to CSS – Complete Beginner to Expert Course | https://www.udemy.com/course/learn-css-course/ | Explore how you can apply Cascading Style Sheets CSS to webpages to customize the presentation of your content | <p><strong><em>CSS – Making websites Look Great</em></strong></p><p>This course is perfect for anyone who wants to learn CSS </p><p>CSS allows you to control the look and feel of your website. Enables you to create the separation of presentation and content, including layout, colors, and fonts.</p><p><strong>Bonus Ebook</strong> which can be used as a LESSON GUIDE</p><p><strong>LOTS and LOTS of source code</strong> to try and experiment with to save you time so you can get coding CSS. Code for everything covered in the course.</p><p><strong>4 Exercises</strong> to practice what you learn in the lessons. Starter and completed templates</p><p><strong>Final Project </strong>apply what you learn style a typical website.</p><p>Learn how to:</p><ul><li><p>Find the top resources and links to help you learn</p></li><li><p>The basics of styling</p></li><li><p>How to use Classes and ID to select elements</p></li><li><p>Explore ALL the colors for fonts and backgrounds</p></li><li><p>Move content display properties</p></li><li><p>Learn how to apply styling to common HTML like Lists, Tables, and more</p></li><li><p>Everything you need to style your text and make it look fantastic – including Google Fonts</p></li><li><p>Floats to position elements and content</p></li><li><p>The BOX MODEL – padding, margins, border, height, and width for each element</p></li><li><p>CSS positioning</p></li><li><p>Working with Hyperlinks and making it look good</p></li><li><p>CSS Pseudo Class </p></li></ul><p><strong>Cascading Style Sheets (CSS)</strong> is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.</p><p>CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. </p><ul><li><p>Determines how elements will be displayed</p></li><li><p>Makes your content look GOOD</p></li><li><p>CSS saves time and work, can control multiple pages</p></li><li><p>CSS can add animation</p></li><li><p>CSS can add interaction</p></li><li><p>Adapt the way your page looks with CSS, perfect for responsive design</p></li></ul><p>Taught by an instructor with over <strong>20 years of web development experience</strong>, ready to <strong>help you learn </strong>and <strong>answer any questions</strong> you may have.</p><p>What are you waiting for this course is the most complete course for learning CSS, you have nothing to lose.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script – Project Exercise Spreadsheet web app | https://www.udemy.com/course/google-script-apps/ | Learn the power of Google Script and see how you can connect Google Spreadsheet as a data source for a post board | <p><strong>Group site project with Google Script </strong>- Google Site and Web apps – Spreadsheet</p><p>Perfect course to learn and practice Google Apps Script!!!</p><p>Do you want to connect Google Apps Together and make some really amazing things happen? Course will provide you the foundation to work with Google Script to build a Web App that can be embedded in Google Sites. Within the course we show you how to use Google Spreadsheet as a source for retrieving and storing data. Power up what you do online, bringing together built in functionality in your Google Suite.</p><p>JavaScript developers extend your knowledge and learn how you can use your skills to develop apps script bringing together all the power of Google’s Apps. </p><p>Course Covers</p><ul><li><p>Basics of Google Script – how to use the online editor and overview of functionality</p></li><li><p>How to create a bound script to your Google Sheet</p></li><li><p>Add new rows and get contents from Google Spreadsheet</p></li><li><p>Sort and update Google Sheet data</p></li><li><p>How to select sheet contents</p></li><li><p>How to use HTTP service to output and html file within Google Web apps</p></li><li><p>Use web apps to create interactive content</p></li><li><p>Use JavaScript within Google Apps and Google client side pages</p></li><li><p>Setup a Google site and embed your Google script</p></li><li><p>Use session values and other powerful built in script methods</p></li><li><p>Fine tune and tweak debug web apps</p></li><li><p>All this and more</p></li></ul><p><strong>Source Code </strong>is included so you can build the same app we build in the course, but even better :)</p><p><strong>Build a nice interactive </strong>project from scratch alongside the lessons within the course.</p><p><strong>Practice JavaScript</strong> and data handling, JSON, JavaScript objects, Array and more</p><p><strong>Google Apps Script</strong> : is based on JavaScript 1.6 with some portions of 1.7 and 1.8 and provides subset of ECMAScript 5 API however instead of running on the client, it gets executed in the <strong>Google Cloud.</strong> According to Google, Apps Script “provides easy ways to automate tasks across Google products and third party services.”Apps Script is also the tool that powers the add-ons for Google Docs, Sheets and Slides.”</p><p>If you haven’t tried it yet, I guarantee you will be <strong>BLOWN AWAY </strong>at how powerful Google Script can be, and at how easy it is to write. With just a few lines of code you can <strong>DO A WHOLE LOT!!!</strong></p><p>Don’t take my word for it try it and see.</p><p>Taught by an instructor with over <strong>20 years of web development experience</strong>, ready to <strong>help you learn </strong>and <strong>answer any questions</strong> you may have.</p><p>What are you waiting for this course is perfect to start writing Google Script and to practice writing Google Script, you have nothing to lose.</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Introduction to HTML Complete Beginner to Expert Course | https://www.udemy.com/course/learn-html5-course/ | Learn how to code in HTML from scratch. Perfect for beginners and anyone who wants to learn HTML | <p>Introduction to HTML Complete Beginner to Expert Course is perfect for anyone who wants to learn HTML or learn more about HTML. HTML provides the structure for EVERY WEBSITE and its the foundation for everything you see on the web. Browsers read HTML and render it out for web users. If you are looking for a starting point to create digital content this course is for you!!!!</p><p>In this course you will learn everything you need to know about HTML, and HTML5. It’s packed full of challenges and exercises to get you writing HTML quickly. As you follow the lessons source code is also included to get you started quickly and easily. The course will provide you everything you need to get started with HTML and challenge you to learn HTML.</p><p>Core focus of this course is just HTML, learn to code HTML in just a few hours. You will be amazed at how easily you will be able to write your own HTML.</p><p>Straight to the point lessons with no wasted time, watch and learn. Then practice what you learned to effectively learn HTML. Hands on practice with a fast paced easy to follow lesson plan. </p><p>By the end of the course you will have the skills and knowledge to write your own HTML, and will be on the path for more advanced web development skills. </p><p><strong>Course covers <em>everything </em>you need to know about HTML</strong></p><p><strong>WHAT YOU WILL LEARN</strong></p><ul><li><p>Basic syntax – all the common tags used to develop web content</p></li><li><p>How and where you can write HTML – top resources and links included</p></li><li><p>Learn about HTML structure within web pages</p></li><li><p>Explore HTML5 semantic elements</p></li><li><p>Build your own HTML template</p></li><li><p>Create HTML lists, hyperlinks, and add images</p></li><li><p>Build tables for even more HTML structure</p></li><li><p>Create Forms with in depth form examples and HTML tag explanations</p></li><li><p>Add iframes and more cool HTML elements</p></li><li><p>Create your own mini HTML site using only HTML</p></li><li><p>All this and more.</p></li></ul><p><strong>BONUS CONTENT INCLUDED!!!!</strong></p><ul><li><p>Source Code is included</p></li><li><p>Multiple exercises and sample code</p></li><li><p>Free ebook of lessons explained</p></li><li><p>Top links and resources to learn even more in depth about HTML</p></li></ul><p>Taught by an instructor with over <strong>20 years of web development experience</strong>, ready to <strong>help you learn </strong>and <strong>answer any questions</strong> you may have.</p><p>What are you waiting for this course is the most complete course for learning HTML, you have nothing to lose.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Sheets as JSON data source for JavaScript | https://www.udemy.com/course/google-sheets-json-javascript/ | Explore how you can setup your Google Spreadsheet to output as JSON and then Fetch the data using JavaScript | <p>Please note this is an intermediate level course with prerequisites of JavaScript knowledge</p><p>Google sheets provides an easy way to work with data online, did you know you can also output it as JSON. This course will show you how you can output multiple sheets from one spreadsheet as JSON data and then using JavaScript Fetch access the contents contained within the Sheet. Use the data within you JavaScript application. </p><p>You will be amazed at how easy it is to output a JSON formatted data file from your Google Sheets and then bring that data directly into you application using JavaScript.</p><p>Step by step training showing you how to build an application just like the one in the course. Source Code is included to get you started quickly and easily. Make full use of you data, no more database calls just frontend code accessing your data contained within the Google Spreadsheet. Easily update your data within the sheet and see it being used within the JavaScript.</p><ul><li>Learn how to setup the JSON URL of you Google Sheet</li><li>Using Fetch get the URLs and bring the data into JavaScript</li><li>Use promiseAll to ensure your data is within your JavaScript</li><li>Create an object on the fly using the data contained within the spreadsheet</li><li>Use the new JavaScript object full of data within you JavaScript to output and use the content</li><li>All this and much more</li></ul><p>Source code is always included to help you code exactly what is presented within the lessons.</p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have.</p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Taught by a knowledge instructor with many years of web development experience, ready to help you learn.</p><p>Join now and use your own Google spreadsheet data within your JavaScript applications.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Objects – Explore and learn about Objects | https://www.udemy.com/course/javascript-objects/ | Learn and practice JavaScript Objects explore ways to construct them access and utilize data within JavaScript Objects | <p><strong>Did you want to learn JavaScript Objects then t</strong><strong>his course is perfect for you!</strong></p><p><strong>Step by step learning </strong>covering the use of Objects in JavaScript so you can get coding quickly. <strong>Source code </strong>and <strong>everything you need to get started is included. </strong>JavaScript is the technology that makes things happen online. Learn how to create and use JavaScript objects. Please note this course is specifically designed to focus on JavaScript Objects and JavaScript fundamental; knowledge is a prerequisite to the course content. Only content related to JavaScript Objects is covered within this course.</p><p>Course covers</p><ul><li>What JavaScript objects are and how to use them</li><li>How to add data and how objects contain values</li><li>What are object literals</li><li>How to create objects object constructors</li><li>Objects in action with methods</li><li>What is the difference Dot notation vs Bracket notation</li><li>Using Objects this methods and updating values</li><li>Adding property to the object</li><li>How to Create Objects with Constructor</li><li>ES6 class and objects construction</li><li>Methods in the Class</li><li>Arrays and Objects together</li><li>Removing Object Properties</li><li>Looping values iterating through object values</li><li>How to see object See keys and values</li><li>JSON methods on JavaScript Objects</li><li>All this and much more</li></ul><p>Executed on the front-end. <br></p><p>Taught by an instructor with over 19 years of web development experience, ready to help your learn more about JavaScript.</p><p>Along with <strong>friendly support </strong>in the<strong> Q&A</strong><strong> to help</strong> you learn and answer any questions you may have.</p><p>Try it now you have nothing to lose, comes with a <strong>30 day money back guarantee. </strong></p><p>Join now and see what <strong>YOU</strong> can do with <strong>JavaScript today!!!!</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Exercise – Tank Shooter Game from Scratch | https://www.udemy.com/course/javascript-course-game/ | Build a JavaScript Game from scratch using only JavaScript no libraries no canvas – DOM manipulation Practice exercise | <p>Practice and learn more about JavaScript while building a fun interactive tank shooting game from scratch. <strong>Prefect course for beginners to learn JavaScript!!! Step by step learning with all steps included</strong>. <strong>No libraries, no shortcuts just learning JavaScript!</strong></p><p>Learn how you can use JavaScript to create, manipulate and make interactive HTML page elements. Using JavaScript scripting you can create a fully interactive dynamic game from scratch. Source code is included to get you started quickly.<br></p><p>This course is designed to help you practice JavaScript, you should have a functional understanding of the JavaScript language before taking this course. Please note that the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. <br></p><p>Course covers</p><ul><li>Learn how to setup your gameplay area using HTML and CSS</li><li>Setup page elements and prepare variables. </li><li>Create interaction with JavaScript event listeners to invoke functions on mouse actions</li><li>Run animationframe to change HTML elements style attributes and calculate positions of shots and enemies</li><li>Calculate angles for the turret to follow the mouse movements and shot in the angled direction of where the mouse is.</li><li>Create elements using JavaScript and add/remove them from the page</li><li>Setup start game functionality with values to create game play</li><li>Access the JavaScript Document Object Model to manipulate element properties</li><li>Setup a dashboard to output variables for the user like score and life left</li><li>Setup helper functions to reuse within the game play</li><li>Check for element overlap and detect collisions which is essential for any game. </li></ul><p>All this is included and a whole lot more. </p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have.</p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p><p>See what you can build while you practice JavaScript!</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Fundamentals ES6 for beginners | https://www.udemy.com/course/javascript-tutorial-beginners/ | Learn JavaScript fundamental coding concepts. Including new ES6 syntax, start using JavaScript within web pages | <p>Did you want to learn JavaScript or review the fundamentals of coding JavaScript? <strong>This course is perfect for you!</strong></p><p><strong>Step by step learning </strong>covering the core parts of JavaScript to get you coding quickly. <strong>Source code </strong>and <strong>everything you need to get started is included.</strong></p><p>Course covers</p><ul><li>how to write JavaScript basics</li><li>Data types the building blocks of coding</li><li>Alert and prompts for interaction with users</li><li>Variables var const and let</li><li>Functions and the new arrow function syntax</li><li>Loops and iterating through data</li><li>Arrays and array methods </li><li>Objects and how to use them</li><li>Conditions and operators</li><li>Map Set with examples</li><li>Fetch and how to connect to web apis</li><li>Document object to manipulate HTML element content</li><li>all this and much more</li></ul><p>JavaScript is the technology that makes things happen online. Learn how to create Dynamic and Interactive web pages applying JavaScript. JavaScript is Fast and Responsive relatively easy language to get started with. All you need is a browser and you are ready to create JavaScript. Learn JavaScript to HTML web pages works across browser.</p><p>Executed on the front-end. <br></p><p>Taught by an instructor with over 19 years of web development experience, ready to help your learn more about JavaScript.<br></p><p>Along with <strong>friendly support </strong>in the<strong> Q&A</strong><strong> to help</strong> you learn and answer any questions you may have.</p><p>Try it now you have nothing to lose, comes with a <strong>30 day money back guarantee. </strong></p><p>Join now and see what <strong>YOU</strong> can do with <strong>JavaScript today!!!!</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JSON – Beginners Guide to learning JSON with JavaScript | https://www.udemy.com/course/learn-json-course/ | Explore JSON and how JavaScript Objects can be used to access data within JSON data format and output to your web page | <p>Guide to learning how to use JavaScript Objects and JSON data. <strong>JSON is the most popular </strong>format for <strong>data exchange</strong> between applications. If you are interested in connected to a web API chances are its JSON formatted. Learn to use AJAX to connect and bring JSON data into your JavaScript!</p><p>This course shows you how to work with JSON formatted data, output content, loop JSON data, Parse JSON and a whole lot more.</p><p><strong>JSON (JavaScript Object Notation)</strong> is a syntax for data. JSON is easier to use than XML and human readable. Most modern web APIs output data in JSON formats. It’s a lightweight data interchange format that is quickly becoming the default format for data exchange on internet today! JSON is lightweight, language independent and easy to read and write. JSON is better than XML and more popular!</p><p>Within the lessons of this course we will explore</p><ul><li>JavaScript data types used to hold variables and how they work</li><li>JSON and how to write JSON data</li><li>How to add values into a JSON object</li><li>Accessing JSON data and bringing it into JavaScript</li><li>JavaScript JSON parse and stringify methods</li><li>Adding JSON to local storage</li><li>Retrieving back data within JSON formats, updating and working with JSON</li><li>Connecting to a web API using fetch</li><li>Retrieving JSON data from a web API and outputting the results into your web page</li><li>Iterating threw multiple results from an API</li><li>Google Spreadsheet data as JSON and how to practice retrieving data</li><li>All of the source code and resources are in included</li><li>Explore different methods of working with the JSON data stringify and parsing</li><li>How JavaScript objects can use Arrays to hold multiple items</li><li>How JavaScript arrays work and store data</li></ul><p><strong>Get started with JSON quickly </strong></p><p>Understanding the basics of JavaScript and how to create websites is a prerequisites to this course. It covers working within JavaScript code to produce dynamic functionality. Learning how to work with JSON is a key skill within modern web development. JSON and APIs are everywhere, once you start working with them you will be amazed at what can be done with a few lines of code.<br></p><p>Taught by an instructor with over 18 years of real world web development experience. Friendly support is always available within the Q&A section of this course. I’m here to help you learn about JSON and ready to answer any questions you may have. <strong>One course instructor who is also a web developer </strong>with the real world knowledge to help you learn.</p><p>Join now and bring some JSON data into you web applications today.</p><p>Everything you need to get started using JSON is included within this course..<br></p><p>Resources, source files and top links are also included.</p><p><strong>Let’s get ready to learn JSON and AJAX</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Consent Form Exercise – JavaScript Cloud | https://www.udemy.com/course/google-apps-script-course/ | Practice Exercise for Learning how to use Google Apps Scripts – Track within a Spreadsheet, send email, convert to PDF | <p>Learn more about what Google Script can do and how to create time saving amazing applications. </p><p>Apps Script is a scripting language for light-weight application development in the G Suite platform. Google Apps Script is a scripting language based on JavaScript that lets you do new and cool things with G Suite products like Docs, Sheets, Gmail and others. There’s nothing to install — we give you a code editor right in your browser, and your scripts run on Google’s servers.<br></p><p>Within the lessons of the course we show you how to build a fully functional mini application that can accept user data within a form, submit that content to a spreadsheet, email out a response, take a document and convert it to a pdf. All this an a whole lot more, source code is included.</p><p><strong>Source code included, learn how to use Google Script to extend what your Google Docs can do. </strong>Along with friendly support in the Q&A to help you learn and answer any questions you may have.<br></p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Taught by a knowledge instructor with many years of web development experience, ready to help you learn.</p><p>Join now and create your own Google Scripts Apps see what is possible.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Draw on HTML5 Canvas Element | https://www.udemy.com/course/javascript-html5-canvas-course/ | Explore how to use JavaScript to draw on HTML5 element – Practice exercise for JavaScript | <p><strong>JavaScript Practice Exercise </strong>- Learn to use JavaScript and create an interactive mouse drawing application from scratch. Use JavaScript to draw on HTML5 Canvas element.</p><p>Course helps you learn more about JavaScript by doing, See how you can apply JavaScript to connect to your HTML5 canvas element, listen for event like mouse down on the canvas element and more. Draw lines, change their colors, change the width of the line being draw, save your work within this mini web application. The scope of this course is to help you learn JavaScript, focused on applying code logic and building functioning code from scratch to make something with code from start to finish.</p><p><strong>Prefect course for beginners to learn JavaScript!!! Step by step learning with all steps included</strong>. Fun and exciting way to learn and practice JavaScript. by applying what is presented in the lessons and building your own version of the applications. Make it even better, style it and try out JavaScript.<br></p><p>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the countdown timer. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </p><ul><li>Setup your HTML and CSS</li><li>Connect to canvas element and draw</li><li>setup you defaults for drawing</li><li>add event listeners for user interaction</li><li>build the drawing functions</li><li>save you work to an image element</li><li>save you work triggering a download link on save creating a dynamic JavaScript element</li></ul><p>All this is included and a whole lot more. </p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have.</p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the countdown timer today!!!!</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Exercise Countdown Timer | https://www.udemy.com/course/javascript-exercise-practice/ | Explore how to apply JavaScript to create a countdown timer – Practice exercise for JavaScript | <p><strong>JavaScript Practice Exercise – Learn to apply JavaScript to build a countdown timer from scratch!</strong></p><p>Course demonstrates how to use JavaScript within a practice exercise, applying JavaScript to connect to HTML elements and user interactions. Let the user select a date and JavaScript will return and output the amount of time left until that date is reached. The countdown is displayed within the HTML elements, using JavaScript to manipulate the element content. Scope of this course is to help outline the steps in logic to build with JavaScript code. Planning and where to start to build.</p><p><strong>Prefect course for beginners to learn JavaScript!!! Step by step learning with all steps included</strong>. Fun and exciting way to learn and practice JavaScript. by applying what is presented in the lessons and building your own version of the applications. Make it even better, style it and try out JavaScript.<br></p><p>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the countdown timer. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. <br></p><ul><li>how to setup your HTML elements and CSS basic stlying</li><li>add event listeners for user interactions to invoke JavaScript functions</li><li>Use JavaScript Date Method calculate the date difference</li><li>Manipulate and update HTML elements using JavaScript</li><li>Store values in the browser local Storage for seamless loading of content</li></ul><p>All this is included and a whole lot more. </p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have.</p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the countdown timer today!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| Apps Script Form Data Handler Exercise Google Form Sheet | https://www.udemy.com/course/google-apps-script/ | Use Google Apps Script to add advanced functions to Form submissions sending emails automatically to users and more. | <p>Explore how easy it is to add additional functionality to the Google Suite of products.</p><p>With just one function and a line of code you can extend your form submission to trigger an email response to the user submitting the Google Form. Track all the responses within a spreadsheet and then use that data for additional marketing and or a whole lot more.</p><p>Its easy, if you know <strong>JavaScript you can write Google Script!!!!!</strong></p><p>Source code is included so you to can setup these functions within your Google Forms and Spreadsheets. Copy and paste the code from the course to make things happen. Try it for yourself you will be amazed at how easy it is to add more dynamic functionality to your Google products. This course is designed for beginners to follow our step by step lessons to create the same functionality demonstrated within the course. Even if you are not a coder you can easily copy the code as its explained within the lessons what each statement does. If you know HTML and CSS you can extend the code provided within the lessons for the email templates.</p><p>Google script is the best way to automate your Google Suite, and best of all its<strong> FREE and EASY to use. </strong> All you need is a Google account to get started, the IDE and everything you need is in the cloud.</p><p>Apps Script allow you to power up your favorite Google apps and do more with them, way more.</p><p>Automate, add functionality, use spreadsheet data, create documents, interact with emails, generate reports, use data the list is endless on all the amazing things you can do with Google Apps Script.</p><p>Lessons explore how you too can </p><ul><li>Setup a Google Form</li><li>Connect the form to deposit the information into a Spreadsheet</li><li>Add a trigger <em>to do something </em>when the form is submitted</li><li>Create a function to send an email</li><li>Create an email template that uses HTML and CSS</li><li>Replace template data with data from your spreadsheet</li><li>Automate the whole process with Triggers</li><li>Send regular emails to the subscribers </li><li>Get and use data from the form submission to do stuff</li><li>Source Code included</li><li>Taught by an instructor with 18 years of experience.</li><li>Step by step training lessons</li></ul><p><strong>This course covers everything you need to learn how to setup your own version of this application and get started using Google Script.</strong> Along with friendly support in the Q&A to help you learn and answer any questions you may have.</p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Taught by a knowledge instructor with many years of web development experience, ready to help you learn.</p><p>Join now and create your own Google Scripts Apps see what is possible.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Car Racer JavaScript Game Exercise Vanilla JavaScript | https://www.udemy.com/course/javascript-exercise/ | Explore how to create a custom JavaScript Car racer game from scratch using only JavaScript – Practice Exercise | <p>Practice and learn more about JavaScript DOM while building a fun interactive car racing game from scratch. </p><p><strong>No libraries, no shortcuts just learning JavaScript!</strong></p><p>Source code is included to get you started quickly.</p><p><strong>Prefect course for beginners to learn more about JavaScript!!! Step by step learning with all steps included</strong><br></p><p>Fun and exciting way to learn and practice JavaScript.</p><p>Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused. </p><ul><li><p>Learn how to setup your gameplay area using HTML and CSS</p></li><li><p>Add JavaScript setting event listeners</p></li><li><p>Add Keyboard actions to move an html div using keyboard arrow keys</p></li><li><p>Run animationframe to change element position and respond to the users commands</p></li><li><p>Setup start game functionality </p></li><li><p>Create a dynamic JavaScript road</p></li><li><p>Create elements within JavaScript</p></li><li><p>Access the JavaScript Document Object Model to manipulate element properties</p></li><li><p>Setup and add values within an object to track location and move</p></li><li><p>Setup a dashboard to output variables for the user like score and speed</p></li><li><p>Add road movement</p></li><li><p>Track speed dynamically with braking and accelerating </p></li><li><p>Add other cars and have them move within the gameplay area</p></li><li><p>Check for element overlap and detect collisions</p></li><li><p>Score and extend gameplay</p></li></ul><p>All this is included and a whole lot more. </p><p>Along with friendly support in the Q&A to help you learn and answer any questions you may have.</p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Start building your own version of the game today!!!!</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Image Uploader App with Google Apps Script | https://www.udemy.com/course/app-script/ | Google Apps Scripts lets you connect the power of Googles Products together to easily build Amazing web applications | <p>Google Apps Script provides an Amazingly easy way to connect the power of the Google Suite of products together using a cloud based JavaScript language. Within the course we walk you through creating an image uploader from scratch that can allow users to upload images to your Google Drive. Also tracking uploaded images with paths in a Google Sheet, notifying you of the upload and more. </p><p>Once you start working with Google Apps Script you will love it!!! Guaranteed!!!</p><p>Its the perfect answer to all of your application needs.</p><p>Course is an introductory course to using Apps Script and perfect for those who have never used Apps Script before and for those who want to get started with it. JavaScript knowledge is essential as the scripting language is based on JavaScript, and an understanding of JavaScript will make it easy to get started with.</p><p>Build you app on the cloud within the Google cloud IDE, no need to download anything all available in the cloud. Making it easy to share and collaborate on projects. Yes they have version control which make the development environment easy to access and ideal for building google web apps.</p><ul><li>Learn the basics of assigning variables values</li><li>Basic data type used within the course, numbers, strings, Boolean, array, objects</li><li>Functions and how to invoke and run code in Apps Script</li><li>IDE online cloud walk through of options and how to use the editor</li><li>How to setup client side index.html file output</li><li>Connect client side application to Google Script backend</li><li>Deploy a web app</li><li>How to use the debugger and editor</li><li>How to access DriveApp and create files within you Google Drive</li><li>How to access SpreadsheetApp and add new rows of data</li><li>How to use mail to send emails </li><li>How to setup the web app within a Google Sites Page</li></ul><p><strong>Apps Script</strong> is a scripting language for light-weight application development in the G Suite platform. … According to Google, Apps Script “provides easy ways to automate tasks across Google products and third party services.” Apps Script is also the tool that powers the add-ons for Google Docs, Sheets and Slides. Power up your application with spreadsheet data no database required!!!!</p><p>Fast and friendly support in the Q&A section to help you learn</p><p>Source Code is included!!!</p><p>Taught by an instructor with over 18 years development experience ready to help you learn.</p><p>Exercise based course demonstrates building a fully functional web application from start to finish. Reviewing the code and providing useful tips and resources along the way. What are you waiting for join now and start exploring the amazing things YOU CAN DO with Google App Script!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Script Complete Course Beginner to Advanced | https://www.udemy.com/course/apps-script-course/ | Learn to power up your Google Suite of products using Apps Script to connect – automate – add advanced functionality | <p>Increase the power of your favorite Google apps — like Calendar, Docs, Drive, Gmail, Sheets, and Slides. Apps Script lets you do more with Google. All on a JavaScript platform in the cloud.G Suite Services.</p><p>Course content covers every step to get started with Google Scripts including an overview of the editor and what it does and how to use it. Followed by more detailed syntax and code examples of applying Google Script in real world projects. Perfect for students of all levels, with a step by step approach for anyone who has not used Google Script Before.</p><p>Apps Script allow you to power up your favorite Google apps and do more with them, way more.</p><p>Automate, add functionality, use spreadsheet data, create documents, interact with emails, generate reports, use data the list is endless on all the amazing things you can do with Google Apps Script.</p><p>Warning once you start using Google Apps Script you may want to use it for everything!!!</p><p>Just like JavaScript apps script is easy to write, uses the same structure as JavaScript and core fundamental functionality. If you know JavaScript you can get started with apps script in minutes. Functions, variables, loops, and more the same syntax as JavaScript. With the added power of Google Classes you can connect data from your Google Apps and build on it. Its the easy way to power up your applications.</p><p>Course will cover </p><ul><li><p>Standalone script</p></li><li><p>IDE editor</p></li><li><p>Quick demo to setup and get started with.</p></li></ul><p><strong>Document – DocumentApp</strong></p><ul><li><p>Get document</p></li><li><p>Document body</p></li><li><p>Get elements within body</p></li><li><p>Create docs on the fly</p></li><li><p>Document UI for alerts and responses. Interact with users.</p></li><li><p>Selection of data and construction of content</p></li><li><p>Styling your doc content</p></li></ul><p><strong>Spreadsheet – SpreadsheetApp</strong></p><ul><li><p>How to Get spreadsheet data</p></li><li><p>Create spreadsheets and update, create and use the data</p></li><li><p>Get ranges – select sheets and get content</p></li><li><p>Get Sheet data and iterate through it to output it</p></li><li><p>Write to spreadsheet using script</p></li><li><p>Spreadsheet UI for added interactions with users</p></li><li><p>Update sheet with new data</p></li><li><p>Sidebar menu update sheet show sheet data and more</p></li></ul><p><strong>Google Sites – Standalone scripts</strong></p><ul><li><p>Sites class and how to use them</p></li><li><p>Sites dashboard navigation and use</p></li><li><p>Design sites interface with options to create pages and more</p></li><li><p>Add scripts to sites to create data driven and interactive pages</p></li><li><p>Output and setup sites content quickly and easily</p></li></ul><p><strong>Google Drive – DriveApp Class</strong></p><ul><li><p>Get drive data and use it</p></li><li><p>Setup files create new files</p></li><li><p>Move files from one folder to another</p></li><li><p>Get folder contents and list it</p></li><li><p>Create files copy files and update files</p></li><li><p>Search drive files and folders</p></li><li><p>Get permissions and set permissions</p></li><li><p>List files from folders in Google Sheet show permissions update permissions</p></li></ul><p><strong>Calendar Calendar – CalendarApp Class</strong></p><ul><li><p>Create events</p></li><li><p>Get event details</p></li><li><p>Update color style</p></li><li><p>Output events to Google Sheet</p></li><li><p>Using Calendar events checking availability and more</p></li></ul><p><strong>Gmail – GmailApp Class</strong></p><ul><li><p>Send message</p></li><li><p>Get inbox contents from folder</p></li><li><p>Create labels and move files</p></li><li><p>Get counts of emails and content</p></li><li><p>Mark Emails as read </p></li><li><p>Track emails and use the content </p></li><li><p>Search emails</p></li><li><p>Star Messages</p></li></ul><p>Step by step training lessons</p><p><strong>This course covers everything you need to learn about Google Apps Script</strong>, including practice exercises, loads of examples, source code and step by step training. Along with friendly support in the Q&A to help you learn and answer any questions you may have.</p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>Taught by a knowledge instructor with many years of web development experience, ready to help you learn.</p><p>Join now and create your own Google Scripts Apps see what is possible.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Game Code Project make a Breakout Game Exercise | https://www.udemy.com/course/create-javascript-game/ | Learn more about JavaScript functionality how you can make page elements dynamic and interactive all using JavaScript | <p>Learn and practice JavaScript with this fun game building exercise course</p><p><strong>BUILD a – JavaScript Breakout game from scratch</strong></p><p>Learn JavaScript and have fun doing it, building an exciting playable game within the course.</p><p>Source Code is included!!!! Work along side the lessons to build your own version of the game.</p><p>Did you want to <strong>PRACTICE </strong>and<strong> LEARN </strong>more about using JavaScript, then this course is perfect for you to advance your skills in a fun step by step course teaching you how to build a game from scratch.<br></p><p>Within the course we explore animation functionality and how to apply it within your code to make things happen.</p><p>How you can use JavaScript to create and update elements within your page. Setup animations and move things around. JavaScript is designed to make your web content interactive and dynamic which is demonstrated within the building of a game only using JavaScript.</p><p>JavaScript is a prerequisite to this course, The course is designed to practice JavaScript and prior knowledge of JavaScript is needed to take this course.</p><p>All JavaScript no libraries and no filler, <strong>JUST JavaScript !!!!</strong></p><p>The possibilities are endless, using the DOM and creating elements provides you a wide variety of options where you can take the code provided within this course and extend on it in any number of directions. Learn practice and have fun.</p><p>Source Code is included to get you started quickly</p><p>Fast friendly advice and help is always available within the Q&A section</p><p>Taught by an instructor with many years of web development and teaching experience.</p><p>Learn step by step how to create a simple game from scratch, with helpful tips and resources along to way. Explore how game logic is applied and tweaks for coding and game improvement.</p><p>Nothing to lose, join now and see what you can build with JavaScript.</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Exercise – Target Blaster Game from Scratch | https://www.udemy.com/course/javascript-game-course/ | Learn and practice JavaScript with this fun game building exercise course | <p>Explore how to build a fun JavaScript based game from scratch within this course. Did you want to <strong>PRACTICE </strong>and<strong> LEARN </strong>more about using JavaScript., then this course is perfect for you to advance your skills in a fun step by step course teaching you how to build a game from scratch.</p><p>Source code is included, everything you need to build a JavaScript DOM (Document Object Model) based game. No additional libraries everything JavaScript.</p><p><strong></strong></p><p>Within the course we explore animation functionality and how you can dynamically create, update and move elements around with just JavaScript. JavaScript has a lot to offer and you can really make some amazing things happen when you apply it within your code.</p><p>JavaScript is a prerequisite to this course, The course is designed to practice JavaScript and prior knowledge of JavaScript is needed to take this course.</p><p>All JavaScript no libraries and no filler, <strong>JUST JavaScript !!!!</strong></p><p><strong>The course is designed to practice JavaScript in the context of building a Blaster Type game!</strong></p><ul><li>Learn how to set your page to be ready for dynamic interaction</li><li>Add event listeners </li><li>Update mouse cursor with element and move it around</li><li>Create collision detection check on between two elements on the page</li><li>Add scoring</li><li>Create animation frames and setup game animation</li><li>Tweak game with scoring and performance</li><li>Add enemies and target to hit within the gameplay</li><li>Move targets randomly updating style values</li><li>Remove elements from page</li><li>Create new elements with random properties</li><li>Update game and improve game play and action with hazards</li></ul><p>The possibilities are endless, using the DOM and creating elements provides you a wide variety of options where you can take the code provided within this course and extend on it in any number of directions. Learn practice and have fun.</p><p>Source Code is included to get you started quickly</p><p>Fast friendly advice and help is always available within the Q&A section</p><p>Taught by an instructor with many years of web development and teaching experience.</p><p>Learn step by step how to create a simple game from scratch, with helpful tips and resources along to way. Explore how game logic is applied and tweaks for coding and game improvement.</p><p>Nothing to lose, join now and see what you can build with JavaScript.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Twitter API JavaScript Node Exercise | https://www.udemy.com/course/api-javascript/ | Explore the Twitter Developer API connect from your local machine. Use AJAX JavaScript and Node to setup twitter search | <p>Perfect course for beginners to explore the <strong>MASSIVE twitter API</strong></p><p>This course will teach you how to setup a local server, connect the Twitter API and return data to output into your web page.</p><p>Its amazing how much information is available on Twitter, connecting the API is easy and can provide <strong>real world </strong>working experience with JSON AJAX and APIs. Twitter has a HUGE amount of data within each Tweet Object, getting to know the Twitter API and working with it can provide students with first hand experience that can be used in any number of real world applications. If you can navigate and output data from this API others are going to be a snap.</p><p>Step by step training – includes everything you need to setup and develop a mini application. You can then use this as a starting point to explore and extend your skills with the endless possibilities. </p><p>NO WASTED TIME – Core focus is <strong>AJAX, JavaScript, JSON</strong> and<strong> node express server.</strong></p><p>You will be amazed at how quickly and easily you can be setup to query the API and start retrieving data. Great for beginners and developers of all skill levels.</p><p>Source code is also included so you can copy and paste the exercise application.</p><p>Friendly helpful guidance is always available in the Q&A section. Do you have a question help is not far away.</p><p>Taught by an instructor with many years of web development experience, ready to help you learn.</p><p>What are you waiting for, nothing to lose take the first step and <strong>start having some fun with the Twitter API!!!!</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| jQuery Wack a Mole Game Exercise | https://www.udemy.com/course/jquery-game-exercise-course/ | Exercise to build a mini jQuery game from scratch Wack a Mole. Step by step how to build from scratch | <p>Explore how to build a <strong>Wack a Mole Game </strong>from scratch using jQuery</p><p>Perfect course for beginners to practice jQuery and develop skills to build mini games.</p><p>Source Code is included to get you started quickly</p><p>Taught by an instructor with many years of web development experience, ready to help you learn jQuery.</p><p>Fast and friendly advice is always available within the Q&A section.<br></p><ul><li>Lessons include step by step how to setup your page elements for the game play</li><li>Walk-through game start and functions to initiate game play</li><li>Dynamic Building of Game board using JavaScript and jQuery</li><li>Setting up of interactive game elements</li><li>Event handling </li><li>Timers for gameplay</li><li>Ending game and restart setup</li></ul><p>Fun way to practice and learn jQuery.</p><p>Join now and see what you can build using jQuery</p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Node JS Create a Restful API for beginners JavaScript jQuery | https://www.udemy.com/course/restful-setup-node-api/ | For beginners learn to setup a Restful API that can send AJAX requests to the node server backend from jQuery frontend | <p>Perfect course for beginners to explore how to setup a Restful API! <strong>GET, POST, PUT, DELETE</strong></p><p>This starter course demonstrates how to setup a Restful API from scratch. Using just your local computer you can follow the step by step lessons to setup your own local server and run JavaScript code. </p><p>JavaScript experience is required – This course is designed for students who want to learn about node.js and how to create projects with Node. Its perfect for anyone who wants to practice coding by building out a simple web application. Learn everything you need to setup a localhost, resources to work with node, setup a SQLite database, setup routes for CRUD and a whole lot more.<br></p><p>All the resources are provided along with source code to get you started quickly</p><p><strong>Technology used within the course:</strong></p><ul><li>Front end AJAX requests will be using jQuery AJAX</li><li>Front end web page dynamic elements from JSON data using jQuery</li><li>HTML and CSS for presentation of front end application</li><li>NodeJS will be used for back end server</li><li>NPM packages include nodemon, express, bodyParser, sqlite3</li><li>Database is at the end using SQLite – SQLite setup files are included*</li><li>Editor Brackets Browser Chrome DevTools</li><li>JavaScript for everything else……</li></ul><p><strong>Lessons cover the following:</strong></p><ul><li>Explore how the terminal can be used to setup a backend server using Node.js. Command line interface simple commands will be used to navigate and seutp folders.</li><li>Introduction to the Node Package Manager and how you can use it to get pre built code and bring it easily into your projects.</li><li>Create your start files and learn how you can run node.js files</li><li>explore Node modules and how they work into your main app file</li><li>Learn how to setup an http server using node ready for localhost</li><li>Explore getting file content and reading it as data</li><li>Power Up your node application with Express and Nodemon</li><li>API web resources Postman CRUD</li><li>Use Body Parser to get post data</li><li>Find out how Middleware app use works</li><li>Apply logic with conditional statement to create a login check </li><li>Setup your application for static frontend files index.html</li><li>Get back to the frontend with JavaScript and html. bringing both together</li><li>Requests and responses to the server and webpage</li><li>Setup your routes for a Restful API GET POST PUT DELETE</li><li>Use data to output to page</li><li>Code refactoring with a helper file</li><li>Updating with adding a SQLite Database to hold data</li></ul><p><strong><em>Source code is included to get you started quickly</em></strong></p><p>Step by step instruction, with friendly help always available in the Q&A section</p><p>Taught by an instructor with many years of web development experience, ready to help you learn</p><p>What are you waiting for join now and learn to setup your own RestFul API.</p><p><strong>RESTful :</strong> Representational State Transfer (REST) When HTTP is used, as is most common, the operations available are GET, POST, PUT, DELETE, and other predefined CRUD HTTP methods.<br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Website from Scratch HTML and CSS for Beginners | https://www.udemy.com/course/html-css-website-course/ | Exercise to practice building a web page from scratch using HTML CSS and JavaScript | <p>Want to build a single page website from scratch?</p><p>Perfect quick course to practice skills like HTML and CSS using them to build out a fully functional website from scratch.</p><ul><li>Scroll with nice background images and text on top</li><li>Learn how to build a navbar and style it</li><li>Add headers and footers to your page</li><li>Explore how to use placeholder content for rapid web development and design</li><li>Use JavaScript to add Scroll spy to your navbar</li><li>bring everything together to build a website from scratch</li></ul><p>Source code is included to get you started quickly</p><p>Step by step instruction on how to build add HTML and Styles</p><p>Taught by an instructor with many years of web development expereince</p><p>Fast and friendly advice and help always available in the Q&A section</p><p><strong>Nothing to lose Build a website NOW!!!</strong></p><p>Join now and see what amazing things you can build online.</p> | | | | | | | | | | | | | | | | | | |
|---|
| AJAX API exercises JavaScript Trivia web application | https://www.udemy.com/course/ajax-api-exercises/ | Create a Trivia Application using JavaScript and AJAX retrieving data from various web API endpoints | <p>Explore how to use a web API to make an AJAX request for data. Retrieve the response data and make use of it to build a mini trivia game using JavaScript.</p><p>This fun exercise is designed to help students practice using AJAX, JSON and JavaScript to explore fun ways to use APIs. AJAX allows web developers a way to make http requests in the background to help improve the web users experience by providing a seamless way to load new data and update the page elements.</p><p>Learn and see how you too can build web based applications.</p><p>Source code is included to get you started quickly so you can jump right in and create your own version of the application. Extend and expand on the code provided adding in your own additions to make the application even better.</p><p>Taught by an instructor with many years of web development experience, ready to help you learn.</p><p>Fast and friendly advice is always available within the Q&A section.</p><p>Please note there are prerequisites to this course, beginner level JavaScript knowledge is required as well as HTML and CSS. This course is perfect for those students who want to practice JavaScript and AJAX.</p><p>Course provides an opportunity to see step by step build of an application using AJAX to get JSON data into a web page. Learn by seeing how the application is build and how to make use of AJAX to quickly create useful applications. </p><p>What are you waiting for? Join now and see what you can build with JavaScript and AJAX.</p> | | | | | | | | | | | | | | | | | | |
|---|
| AJAX Tester Application XHR Fetch jQuery Axios | https://www.udemy.com/course/ajax-fetch-jquery-axios/ | Build an AJAX GET and POST request sending testing web application from scratch using JavaScript | <p>Learn how to make AJAX requests from the most popular JavaScript libraries including jQuery and Axios as well as JavaScript XHR and Fetch. This course does have prerequisites of JavaScript and programming experience. Within the course we build a fully functional AJAX POST and GET request tester application.</p><p>Step by step lessons to help you learn AJAX. Explore the various ways to make AJAX request while building and learning about the 4 different methods presented within the course. By the end of the course you will have a fully functional application where you can input a URI and make AJAX requests. </p><p>Project based course building an application while learning. Designed to give students practice as well as complete understanding of how AJAX requests are made and response that can be expected. JSON and outputting of JSON data once you receive it from the API. All this an a whole lot more….</p><p>Course is taught by an instructor with many years of web development experience ready to help you learn AJAX.</p><p>Learn how to retrieve JSON data and output it into your web page.</p><p>Fast and friendly support in the Q&A section.</p><p>Source code is included to help you get started quickly</p><p>Join now and see the amazing things you can build online.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Sheet Data as JSON JavaScript AJAX Google Apps Script | https://www.udemy.com/course/api-json-ajax-google-sheet-data/ | Use data from your Google Sheet in your website, GET and POST content to Google Sheets using AJAX and Google Script | <p>Google Sheet Data as JSON JavaScript AJAX Google Apps Script</p><p><strong><em>Are you looking to use your Google Sheet as a Data source for your web applications?</em></strong></p><p>Create a web app with Google Apps Script to output your Sheet data as JSON</p><p>Web app can be used as an API endpoint to get JSON data from your Sheet content</p><p>Use AJAX to connect to your Google Sheet Data and output it in your web pages.</p><p>Connect Google Sheets to your web applications.</p><p>No Database needed for your content as JSON – you can use Google Apps Script to output the sheet data as JSON in a web app.</p><p>No Server needed use frontend code to get the JSON data and use it in your web applications. </p><p>Coding project – Create a dynamic quiz that uses Google Sheet data for questions.</p><p>Connect to the quiz data from JavaScript with a fetch request to the web app URL</p><p>Get the quiz data in JavaScript </p><p><strong>How to build a dynamic data driven quiz with no backend code needed.</strong></p><p>Please note that this is a coding course and previous coding experience is a prerequisite to the course.</p><p>Have you ever want to get data from your Google Spreadsheet and use it in a web application?</p><p>If yes then this course is perfect for you :)</p><p>Explore how you can use Google Script Web Apps to create interaction between the user and your google Workspace. </p><p><strong>Web Apps – coding examples of Web apps with Google Apps Script how to output content into a web app</strong></p><p>- Client side to server side connections and communication</p><p>- How to output Apps Script Variables to your Web App</p><p>- Output Sheet contents as JSON to Web App with Google Apps Script</p><p>- Upload files from your local computer to your Google Drive using a web app with Apps Script</p><p>- Load you Google Docs file as HTML to be output to your Web App with Google Apps Script</p><p>- Get Sheet data and allow the user to interact and get Sheet content within a Web App</p><p>Output content with createHTMLOutput service, UrlFetchApp fetch to get URL data, How to use Web app parameters, createHtmlOutputFromFile, Utilities.newBlob, DriveApp.getFolderById, SpreadsheetApp.openById, HtmlService.createHtmlOutputFromFile, ContentService and more coding examples.</p><p><br></p><p><br></p><p>Step by step instruction on how to setup Google Sheets with a web app outputting data as JSON. Use AJAX from your web application to get that data into your JavaScript code. Extend this even further using <strong>Google Apps Script. GET and POST </strong>to the Google Script web app adding and retrieving data in JSON format.</p><p><strong>Apps Script</strong> is a scripting language for light-weight application development in the G Suite platform. … According to Google, Apps Script “provides easy ways to automate tasks across Google products and third party services.” Apps Script is also the tool that powers the add-ons for Google Docs, Sheets and Slides. Power up your application with spreadsheet data no database required!!!!<br></p><p>Fast and friendly support in the Q&A section to help you learn</p><p>Source Code is included!!!</p><p>Taught by an instructor with over 18 years development experience ready to help you learn.</p><p>Exercise based course demonstrates building a fully functional web application from start to finish. Reviewing the code and providing useful tips and resources along the way. What are you waiting for join now and start exploring the amazing things YOU CAN DO with Google App Script and AJAX!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| Exercise JSON server with AJAX practice application | https://www.udemy.com/course/json-ajax-course/ | Learn JSON and practice making XHR requests and receiving responses in JavaScript Setup a JSON server locally | <p>Are you looking for an easy to <strong>setup </strong><strong>local-hosted JSON server?</strong> This course is designed to help you setup and learn to practice JSON and AJAX. Use it locally on your own machine and practice working with AJAX and JSON all from your computer. <em><strong>No CORS errors no problem everything done locally.</strong></em></p><p>Designed to help you learn and practice JSON and will walk you through settings up JSON Server. This will give you a fully functional JSON database that you can use to practice JSON and AJAX. Course covers basics of XHR requests in JavaScript and how to GET and POST data.<br></p><p>Learn how to make XHR requests, see the updates to the database directly in your editor viewing the JSON database. Find out more about tools and resources used to make XMLHttpRequests in JavaScript.</p><p>JavaScript Object Notation or JSON is an open-standard file format that uses human-readable text to transmit data objects consisting of attribute–value pairs and array data types. It is a very common data format used for asynchronous browser–server communication, including as a replacement for XML in some AJAX-style systems.</p><p><strong><em>Introduction to setting JSON locally and AJAX with JavaScript </em></strong></p><p><strong><em>Get started today and see what amazing things you can create online!!!!</em></strong><br></p><p>Course covers</p><ul><li>How to set JSON server locally</li><li>Postman as a tool for checking XHR objects</li><li>JavaScript and HTML to setup user interface</li><li>Adding JavaScript XHR XMLHttpRequest Object</li><li>Making an AJAX request to the local server</li><li>Posting to JSON server using JavaScript AJAX</li><li>Practice exercise to build interactive application driven by local json DB data.</li><li>Making new posts and adding comments to the Database</li><li>Amazing easy to use JSON server options like search</li><li>Looping multiple array values from responses and outputting the content to HTML pages</li><li>Moving through different posts adding comments</li></ul><p>Source Code is included to get you started quickly</p><p>Taught by an instructor with many years of web development experience</p><p>Fast and Friendly Q&A support</p><p>Lifetime access with professional support to help you learn</p><p>What are you waiting for join now and see what you can do with JSON and AJAX?</p> | | | | | | | | | | | | | | | | | | |
|---|
| AJAX using JavaScript Libraries jQuery and Axios | https://www.udemy.com/course/ajax-jquery-axios/ | Learn how to make AJAX requests from the most popular JavaScript libraries including jQuery and Axios | <p>Learn about AJAX and how to make request for data using jQuery or Axios.</p><p>These are the two most popular libraries that make AJAX easy to add and work with in JavaScript. They solve the problem of cross browser differences in XHR requests and provide a seamless easy to apply experience when using AJAX</p><p>Once you start using jQuery or Axios for AJAX you will see how easy AJAX can be to add to your web pages.</p><p>With options for GET and POST both provide an easy way for AJAX.</p><p>The course provide several examples of how to connect to web apis and retrieve data for your web applications.</p><p>jQuery provide a powerful easy to use library which is famous for making AJAX easy. Explore how you can use this most popular JavaScript library to do more with less coding. not only is AJAX easy with jQuery its also extremely easy to update your page elements and add event listeners. Why not try jQuery and do something amazing online!</p><p>Axios provides a seamless AJAX approach that works off promises. Using the JavaScript XHR object its a powerful but really light weight option for bringing AJAX into your projects. This library is popular and easy to get started with. Using Axios to power your AJAX requests and combined with plain JavaScript to update the DOM the course provides several examples of how to implement it and use it within your code.</p><p>Source code is included to get you started quickly</p><p>Friendly responses in the Q&A to help you learn further and clarify course content if needed.</p><p>Taught by an instructor with many years of web development experience ready to help you learn more about AJAX</p><p>What are you waiting for join now and start learning AJAX today.</p><p> </p> | | | | | | | | | | | | | | | | | | |
|---|
| AJAX JavaScript XHR and Fetch | https://www.udemy.com/course/ajax-fetch-xhr/ | Learn how to use AJAX within your web applications, Course covers vanilla JavaScript using XMLHttpRequests and Fetch | <p>Welcome to our introductory course for using AJAX – Asynchronous JavaScript And XML</p><p>AJAX allows web pages to request small chunks of data (such as HTML, XML, JSON, or plain text) and display them only when needed. This is achieved by using APIs like XMLHttpRequest or Fetch API. These technologies allow web pages to directly handle making HTTP requests for specific resources </p><p>Typically when a user goes to a website the user has to wait for the server to respond with the data. This is not the case as with AJAX we have the option to load the data when the user is already on the page making the user really happy.<br></p><p>This course covers making AJAX requests using the XMLHttpRequest as well as the newer fetch. </p><p>Use JavaScript to send requests, receive response content and use the response data to output into the html. JavaScript is at the center of it all connecting the web page content to the server data and doing all the work in between.</p><p>Course Covers</p><ul><li>How to setup a localhost</li><li>What Fetch and XHR are and how they work</li><li>How to load an external files into the JavaScript</li><li>How to connect to web apis and load data</li><li>Using JavaScript to read response content and make use of it</li><li>Exercise to build a random user loader</li><li>Using AJAX to get a txt file content</li><li>Exercise Getting Random Jokes to output on a website</li><li>Using Fetch</li><li>Exercise Posting form data to a server using Fetch</li><li>Practice AJAX</li></ul><p><strong>Source Code is included</strong></p><p>Friendly support in the Q&A section</p><p>Taught by an instructor with many years real world web development experience ready to answer your questions and help you learn AJAX.</p><p>What are you waiting for take the first step start learning AJAX and experience the amazing things YOU can build with AJAX?</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Complete JSON AJAX API Code Course Beginner to Professional | https://www.udemy.com/course/complete-json-ajax-course/ | Learn how to use JSON and get JSON data using AJAX Course includes practice exercises and examples using JSON & AJAX | <p><strong>Prefect course for beginners to learn AJAX and JSON!!! Step by step learning with all steps included </strong></p><p><em>Perfect for API Beginners to learn more about connecting to web apis with JavaScript</em></p><p><strong><em>Please note this course is designed for students with prior coding experience and objective of the course is to present how to connect to APIs and endpoints using JavaScript. The course does have prerequisites – JavaScript knowledge is an absolute prerequisite to the course - DO NOT TAKE THE COURSE without prior Coding experience. </em></strong></p><p>Loaded full of examples and code snippets that can be used to build upon, practice and get comfortable with AJAX. Top developer resources, helpful tips and many many open APIs to practice with all included. </p><p><strong><em>Source Code also included so you can jump right in and start building applications.</em></strong></p><p>JSON is the preferred format for data being transferred between coding languages. Its easy to read, create and work with. Learn about JSON how it works and how you can use it within your own applications.</p><p>AJAX provides the ability for your JavaScript code to make http requests to get data and update your page content with the new data. The data is commonly in JSON format which makes it ideal for use within JavaScript applications.</p><p>Together AJAX and JSON are used everywhere and go hand in hand powering many of the top web applications and providing users what they expect from modern websites.</p><p>Technologies used within this course : JavaScript, HTML, CSS, Nodejs, AJAX, jQuery, SQLite, plus several npm packages</p><p><strong>JSON – JavaScript Object Notation</strong></p><p><em>A lightweight data-interchange format which is easy for humans to read and write</em></p><ul><li><p>Learn what JSON is and how to use it with JavaScript. </p></li><li><p>Explore how to read and write JSON objects. </p></li><li><p>Iterate thru JSON data and output data contents into your web page HTML elements. </p></li><li><p>Build JSON in a dynamic format for better versatility and management. </p></li><li><p>Event Triggers : How to trigger event listeners to use JSON data within JavaScript. Saving JavaScript data as JSON formatted content. </p></li><li><p>JSON objects and Strings in JavaScript, conversion and manipulation.</p></li><li><p>Getting JSON using HTTP XML request object. </p></li><li><p><strong>Exercise : </strong>practice JSON by building out several mini projects including a task list from scratch which stores content into local storage and retrieves local string content converted back in usable JavaScript objects.</p></li></ul><p><strong>AJAX – Asynchronous JavaScript and XML</strong></p><p><em>AJAX for building web based interactive applications that process user requests immediately. No page reload bring data into your application. </em></p><ul><li><p>Explore how AJAX works and how it is used in web applications</p></li><li><p>See what Fetch and XHR are and how they work to get data</p></li><li><p>Connect to external content and data, load it into you application and output the data for the user.</p></li><li><p><strong>Exercise : </strong>Using AJAX to connect to a web API and retrieve random user information.</p></li><li><p>Learn how to use AJAX to get a txt file content</p></li><li><p><strong>Exercise : Use AJAX to retrieve jokes from an API and output the response data into your website.</strong></p></li><li><p>Find out how to use Fetch and make AJAX requests using Fetch</p></li><li><p><strong>Exercise</strong> : Simple POST and GET to server using Fetch and xHR AJAX. Posting form data to a server using Fetch</p></li></ul><p><strong>AJAX made easy with Libraries</strong></p><p><em>Explore AJAX using two of the most popular libraries online. </em>T<em>hey solve the problem of cross browser differences in XHR requests and provide a seamless easy to apply experience when using AJAX</em></p><ul><li><p>Using jQuery or Axios for AJAX</p></li><li><p>The easy way to AJAX with options</p></li><li><p>jQuery AJAX and shorthand ajax methods.</p></li><li><p><strong>Exercise : </strong>Connect to various web APIs using jQuery and Axios – Build simple AJAX mini applications</p></li><li><p>jQuery Explore how you can use this most popular JavaScript library to do more with less coding.</p></li><li><p>Lightweight library option : Axios provides a seamless AJAX approach that works off promises.</p></li></ul><p><strong>JSON Server for AJAX practice Locally</strong></p><p><em>Often when using AJAX locally we run into CORS errors or others, JSON server provides the perfect resource to easy setup and practice running a local JSON ready server. Send POST and GET requests and a whole lot more.</em></p><ul><li><p>Learn how to set JSON server locally</p></li><li><p>Top resources to practice AJAX requests during development like Postman</p></li><li><p><strong>Exercise : </strong>Create a front end application to connect to your JSON server and send data. JavaScript and HTML to setup user interface</p></li><li><p>Practice making an AJAX request to the local server. Posting to JSON server using JavaScript AJAX</p></li><li><p><strong>Exercise : </strong>Practice exercise to build interactive application driven by local json DB data.</p></li><li><p>Add more options and even search the local database. Amazing easy to use JSON server options like search</p></li><li><p><strong>Exercise :</strong> Mini application to store user info into the database.</p></li></ul><p><strong>Google Sheets as a data source for AJAX requests</strong></p><p><em>Explore using Google Script along with Google Sheets to output data from your sheet. Learn how to connect that data to your applications. Apps Script is a scripting language for light-weight application development in the G Suite platform</em></p><ul><li><p>Step by step instruction on how to setup Google Sheets with a web app outputting data as JSON</p></li><li><p>Use AJAX from your web application to get that data into your JavaScript code.</p></li><li><p>Extend this even further using Google Apps Script. GET and POST to the Google Script web app adding and retrieving data in JSON format.</p></li><li><p><strong>Exercise :</strong> Send and retrieve data from Google Sheets. Create a user list as Google Sheets used as a data source.</p></li><li><p><strong>Exercise : </strong>Connect to a web API for user data and add it easily into your form to send to your Google Sheet.</p></li></ul><p><strong>AJAX using xHR request, Fetch, jQuery and Axios</strong></p><p><em>Different options for AJAX requests are explored and presented for comparison. </em></p><ul><li><p>Step by step lessons to help you learn AJAX. </p></li><li><p>Explore the various ways to make AJAX request while building and learning about the 4 different methods presented within the course. </p></li><li><p><strong>Exercise :</strong> fully functional mini tester application where you can input a URI and make AJAX requests. </p></li></ul><p><strong>AJAX retrieving JSON data from popular end points</strong></p><p><em>Using AJAX request data for your applications from popular APIs like YouTube and Wikipedia. Learn how to navigate web APIs and use the data within your projects.</em></p><ul><li><p><strong>Exercise :</strong> Connecting to Wikipedia API and exporting response data from API</p></li><li><p><strong>Exercise : </strong>Connecting to YouTube and Wikipedia using search to query and return JSON data to use within your webpage.</p></li></ul><p><strong>JavaScript AJAX based trivia application exercise </strong></p><p><em>Explore using popular APIs to build interactive and dynamic applications.</em></p><ul><li><p><strong>Exercise :</strong> Connecting to trivia API and sorting response data</p></li><li><p><strong>Exercise : </strong>Using response JSON to output and build dynamic content for users to interact with.</p></li></ul><p><strong>RESTful API setup and development</strong></p><p><em>Using Node, jQuery, JavaScript, SQLite, learn how to setup and connect a database to a RESTful API.</em></p><ul><li><p>Explore how to setup a Restful API! GET, POST, PUT, DELETE</p></li><li><p>Explore how the terminal can be used to setup a backend server using Node.js. Command line interface simple commands will be used to navigate and seutp folders.</p></li><li><p>Learn how to setup an http server using node ready for localhost</p></li><li><p>Using web resources like postman test your routes and endpoint responses. API web resources Postman CRUD</p></li><li><p>Setup your routes for a Restful API GET POST PUT DELETE</p></li><li><p>Updating with adding a SQLite Database to hold data</p></li><li><p><strong>Exercise : </strong>Mini application to send and retrieve user information from server database.</p></li></ul><p><strong>RealTime Push messaging Exercise</strong></p><p><em>Using pusher setup a real time messaging application that pushes data to open pages. Send and retrieve data in real time instantly.</em></p><ul><li><p>Explore how to integrate web services into applications.</p></li><li><p>Use AJAX requests to send data to web services</p></li><li><p><strong>Exercise : </strong>Build a simple real time messaging application from scratch</p></li></ul><p><strong>AJAX fetch request API Exercise</strong></p><p><em>Explore how to build a simple Crypto Currency web application from scratch. Perfect exercise to learn more and practice different request options as well as explore how to customize data for frontend output.</em></p><ul><li><p>Setup a local server using Express and practice AJAX requests locally</p></li><li><p>Avoid local CORS errors and sending requests from the backend</p></li><li><p>Use request to connect to web APIs </p></li><li><p>Multiple ways to make AJAX requests including fetch and jQuery</p></li><li><p>Explore retrieving and updating API data on the backend before it comes to the frontend</p></li><li><p><strong>Exercise :</strong> Build a custom Crypto currency information application</p></li></ul><p><strong>AJAX Twitter API Exercise</strong></p><p><em>Explore the Twitter Developer API connect from your local machine. Use AJAX JavaScript and Node to setup twitter search.</em></p><ul><li><p>Learn to setup a local server request web content</p></li><li><p>Connect to the Twitter API return MASSIVE amounts of data Search and explore</p></li><li><p>Access Tweet objects and get JSON data to your webpage</p></li><li><p>POST to Twitter from your webpage</p></li><li><p>GET tweet objects</p></li><li><p>Exercise : Build a mini application to search tweets and post to twitter.</p></li></ul><p><strong>This course covers everything you need to learn about JSON and AJAX</strong>, including practice exercises, loads of examples, source code and step by step training. Along with friendly support in the Q&A to help you learn and answer any questions you may have.<br></p><p>Try it now you have nothing to lose, comes with a 30 day money back guarantee. </p><p>See what you can build with AJAX and JSON!!!!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JSON Checklist Practice Exercise Learn JSON | https://www.udemy.com/course/json-exercise/ | Build a JSON data checklist using JavaScript from scratch. Practice and learn JSON with JavaScript Objects | <p>Learn to use JSON within your application.</p><p>JSON is the most common format for data transfer between programming languages online today. Learning to use JSON and how to manipulate the data, make use of the data is essential for any web developer. This course will help you learn more about data simulate how a project is built from start to finish. </p><p><strong>***** Please note there are prerequisites to this course such as JavaScript and </strong><strong>HTML! *****</strong></p><p><strong>****** JavaScript and HTML will only be covered </strong><strong>as necessary and the course is not designed to teach all aspects of JavaScript only those relating to</strong><strong> </strong><strong>using JSON data as JavaScript objects.</strong></p><p>The scope of the course is focused strictly on JSON and working with JavaScript objects. We guide you through building and use of simple JSON structured data, and then rebuild the JSON structure to make the data more flexible.</p><p>This course is designed to get you more familiar with JSON how you can get the object data and use it within your JavaScript. Your instructor will complete each step of the process with you, on screen with source code provided.</p><p><strong>You’ll learn how to:</strong></p><ul><li>Structure information in JSON format</li><li>What JSON is and how to use it within JavaScript</li><li>How to loop through data</li><li>How to Output the JSON data contents into your HTML</li><li>How to rethink your data structure to be more dynamic and versitile</li><li>Build dynamic elements in JavaScript that have event listeners</li><li>Update your HTML using JavaScript</li><li>Save a JavaScript object as JSON </li><li>Convert a string to a JavaScript Object and then back again</li><li>Get data via HTTP XML request object</li></ul><p>Practice JSON and enjoy building out this task list from scratch – source code is included to get you started quickly</p><p>You’ll get friendly support in the Q&A area!</p><p>This Offer Won’t Last Forever</p><p>Perfect course to learn more about JSON and have an opportunity to practice with full explanation. </p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Easy CLI Live server setup for node localhost | https://www.udemy.com/course/localhost/ | Setup your own localhost on your computer in minutes using node npm liveserver | <p>This course is designed to help beginners setup a localhost on their computers quickly and easily using a terminal, node.js and node package manager. There is overview of simple command line commands how to do things within the terminal as well. This is something that I had several students asking for so here it is, I hope you enjoy it.</p><p>A localhost is necessary to avoid the file protocol which can be problematic with ajax when testing code locally</p><p>There is an easy solution which is live-server, this is setup in minutes and all you need to do it navigate to the directory you want to have as your root of the local server and type live-server. It immediately launches a localhost with the current file directory as the root. </p><p>Spend less time setting up and more writing code and enjoying your code in action.</p><p>Perfect for beginners who need an easy solution quickly!</p><p>Taught by an instructor with many years of web development experience ready to help you learn and answer any questions you may have.</p><p>What are you waiting for join now!</p><p>Everything you need to know plus bonus content is included in this course to get you started quickly.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| jQuery API Exercise Youtube Data WebSite | https://www.udemy.com/course/learn-jquery-ajax/ | AJAX connect to YouTube API get JSON data use it within your applications | <p>Get DATA from YouTube and use it in your own web applications</p><p>Perfect course to practice and learn more about jQuery AJAX and JSON.</p><p>Become more familiar with jQuery and working with what AJAX is and how you can use it to get JSON data. In this project we show you how to connect to the YouTube Developer API and pull in video data and information. This API is perfect to practice and get more comfortable with APIs. There is so much data and its fun to work with.</p><p>Source Code is included to get you started quickly.</p><p><em><strong>Please note this course is focused on an EXERCISE building an application from scratch using jQuery. Prerequisites for this course include HTML, CSS, JavaScript DOM and jQuery.</strong></em></p><p>The objective is to allow students to practice and explore what can be done</p><p>Course is taught by an instructor who is passionate about jQuery and ready to help you learn more about using jQuery.</p><p>Join now and see the amazing applications you can build with jQuery.</p><p>By the end of the course you will have the knowledge to build your own version of the application and make even better ones ;)</p> | | | | | | | | | | | | | | | | | | |
|---|
| jQuery Practice Exercises for Beginners Building Forms | https://www.udemy.com/course/jquery-form-validation/ | All jQuery practice exercise building 2 projects from scratch using jQuery | <p>jQuery is a great addition to any web project to make it more interactive and have dynamic content.</p><p>This course covers how to use jQuery in a project.</p><p>#1 Project create a multiple step output. Click next show content on the next page hide content from the previous page. Designed to practice element manipulation and also accessing elements via the Document Object Model DOM.</p><p>#2 Project create form validation using jQuery. Build this from scratch once the form is submitted get all the input values check for length and also check for valid emails. Output and update element CSS if errors occur. All done in jQuery so students can familiar themselves with traversing elements, selecting elements and updating styling of elements all through jQuery. </p><p>This course requires knowledge of jQuery, JavaScript DOM, CSS, and HTML. Its designed to walk through and practice using jQuery in various exercises including getting form values, updating and manipulating HTML elements and more. Work along side the lessons and try the code, source code is included.</p><p>This course is taught by an instructor with over 19 years of web development experience, ready to help you learn jQuery and answer any questions you may have. </p><p>Join now and start practicing using jQuery today see what you can build.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript for beginners – Quick JavaScript Fundamentals | https://www.udemy.com/course/learn-javascript-fundamentals/ | Learn the core fundamental concepts of JavaScript and how to start using JavaScript within web pages | <p>JavaScript is the technology that makes things happen online. Learn how to create Dynamic and Interactive web pages applying JavaScript. This course covers all the core fundamental concepts like variables, arrays, objects, functions, loops, conditions, Document Object Model Basics and more.</p><p>JavaScript is Fast and Responsive relatively easy language to get started with. All you need is a browser and you are ready to create JavaScript. Learn JavaScript to HTML web pages works across browser.</p><p>JavaScript is powerful extending the functionality of web pages.</p><p>Executed on the front-end</p><p>This course covers the core fundamentals of JavaScript, so that you can get started or refresh your knowledge of how JavaScript work quickly. Designed as a fast paced informative course that guides you to learn and practice JavaScript.</p><ul><li>Learn how to create variables, objects and Arrays</li><li>Explore functions how local and global scope work and how to return values and pass arguments into functions</li><li>See how to apply logic with conditions and ternary statements</li><li>Save time with loops do while and for loops</li><li>Interact with your web elements connect via the Document Object Model</li></ul><p>Taught by an instructor with over 19 years of web development experience, ready to help your learn more about JavaScript.</p> | | | | | | | | | | | | | | | | | | |
|---|
| jQuery Course Beginner to Professional jQuery for beginners | https://www.udemy.com/course/jquery-course/ | jQuery for beginners jQuery Exercises Included with Source Code. Create Dynamic Interactive web content jQuery Coding | <p><strong>Learn how to code jQuery </strong></p><p><strong>This course has everything you need to use add jQuery to your skills as a web developer!</strong></p><p>Loaded with FULL practice exercises to help you learn with <strong>ALL SOURCE CODE INCLUDED</strong></p><p>With over <strong>15 hours of training</strong>, exercises and challenges, it’s the most comprehensive jQuery course available on Udemy!</p><p>You’ll go from beginner to extremely high-level and your instructor will complete each project with you step by step on screen with source code provided.</p><p>Inside the course, you’ll build a color guessing game, form exercise, YouTube API AJAX data application, combo lock game and much much more!</p><p><strong>You’ll learn how to:</strong><br>Adding jQuery<br>Traversing and selecting elements with jQuery<br>Page manipulations and DOM interaction<br>Event triggers page trigger and more<br>Class and styling with jQuery<br>Forms with jQuery<br>jQuery Page animations<br>AJAX and JSON with jQuery</p><p>You’ll get friendly support in the Q&A area and all the source code available for download. </p><p>This Offer Won’t Last Forever</p><p>You will be amazed at how easy it can be to do some much. Best of all jQuery syntax just makes sense!<br>Go ahead and hit that “take this course” button to start learning the jQuery Today. </p><p>jQuery is still the most popular JavaScript library available, in fact over 19 Million websites use it and its used in almost 5000 libraries. jQuery Knowledge should be part of any front end developers skill set and its a natural choice for anyone who is familiar with CSS and JavaScript. </p><p>jQuery provides web developers and easy way to create interactions with web pages.</p><p>Basic understanding of the JavaScript Document Object Model and CSS is suggested as a prerequisite to this course. this course covers everything you need to know in order to start creating amazing web applications using jQuery.</p><p><strong>Course covers how to do cool things with jQuery</strong></p><ul><li><p>Setup and start using jQuery</p></li><li><p>Simple element manipulation</p></li><li><p>Making selections of elements</p></li><li><p>Getting and setting element attributes</p></li><li><p>Looping and multiple item selection</p></li><li><p>Selecting by Order odd even</p></li><li><p>Traversing the tree structure for better selection</p></li><li><p>Click events and how to apply them to elements</p></li><li><p>Making element interactive and dynamic</p></li><li><p>Filtering of selections</p></li><li><p>Advanced traversing of the DOM tree</p></li><li><p>Working with forms and getting data</p></li><li><p>Event listeners and options</p></li><li><p>Hiding showing elements</p></li><li><p>Updating element content, appending and prepending of content</p></li><li><p>Checking for classes</p></li><li><p>Page content manipulations text html and more</p></li><li><p>Getting properties of elements</p></li><li><p>Animations and amazing effects with jQuery</p></li><li><p>jQuery utilities</p></li><li><p>AJAX JSON and working with Data</p></li><li><p>Next steps of jQuery UI and plugins</p></li></ul><p>Taught by an instructor with over 19 years of web development experience ready to answer your questions and help you learn jQuery</p><p>What are you waiting for join now and start creating your own amazing applications.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Bootstrap 4 Single Page Website from Scratch | https://www.udemy.com/course/bootstrap-4-tutorial/ | Build a fully responsive modern website in less than an hour using Bootstrap 4 | <p><strong>Discover how to build amazing looking fully responsive modern websites from scratch using Bootstrap 4</strong></p><p>Explore the 12 grid column layout, see whats new with Bootstrap 4 make use of responsive navbars, and more. Source Code and links to top resources included to get you started quickly.</p><p>Topics Include</p><ul><li>Parallax background images</li><li>NavBar collapsing</li><li>Bootstrap Grid</li><li>Responsive images</li><li>Cards header, images, body and text</li><li>Buttons and colors</li><li>Background images and text utilities</li><li>Bootstrap 4 Components</li><li>Adding jQuery Animation</li></ul><p><strong>Bootstrap</strong> is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS<br></p><p>Taught by an instructor with over 18 years of Web development experience, ready to help you learn Bootstrap 4. See what you can do with Bootstrap join now!</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Website from Scratch using Bootstrap 4 | https://www.udemy.com/course/course-bootstrap-4/ | Apply Bootstrap 4 class to build a modern website from scratch | <p><strong>Learn to Bootstrap 4 Website Built from scratch in 1 hour</strong></p><p>Explore how to Create amazing Fully Responsive websites from scratch step by step how to add Bootstrap to your webpages. <strong>Welcome to Learning Bootstrap 4 where you learn to build a modern fully responsive website using Bootstrap 4. Using Bootstrap 4 you can easily build and create amazing websites.</strong></p><p><strong>Create your own Mobile Ready : Fully Responsive websites from Scratch!</strong></p><p>Rapid web development with Bootstrap starting with a blank web page. This course will show you how to take this blank file and create a website. Best of all once you become familiar with Bootstrap you can create websites like the one in the course in under 1 hour! Source code is included so you too can follow along with the course content and create a website upon completion of the course. </p><p>Learn why <strong>Bootstrap is so popular</strong>, guaranteed that once you start using Bootstrap you will love it!!!!</p><p><strong>This course covers </strong></p><ul><li>Bootstrap 4 Grid</li><li>Build a responsive navbar</li><li>How to use Bootstrap 4 Cards</li><li>Jumbotron</li><li>and more</li></ul><p><strong>Source Code is included!!!!</strong></p><p>Welcome to Bootstrap 4 modern website development, with HD Quality content learn the fundamentals of bootstrap and how you can apply Bootstrap to your own projects.</p><p>Jump right in and start learning to create your own Bootstrap websites today.<br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| How to Create a Website using Bootstrap 4 | https://www.udemy.com/course/learn-bootstrap-4/ | Create a multiple page website using Bootstrap | <p>See Bootstrap 4 in action and how you can use it to rapidly create amazing websites.</p><p>This course walks you through building a website from scratch using Bootstrap 4 framework. Learn how to build <strong>responsive, mobile-first projects </strong>on the web with the world’s <strong>most popular front-end component library.</strong></p><p>Bootstrap gives you the ability to build modern fully responsive websites quickly. Best of all Bootstrap is a free and open-source front-end web framework. Its used by web developers for designing websites and web applications. Unlike many web frameworks, it concerns itself with front-end development only. Once you start using Bootstrap you will see how easy it to make your page structure look great.</p><p>Taught by an instructor with over 18 years of web development experience and over 4 years of Bootstrap website design and development experience. Ready to help you learn Bootstrap and answer any questions you may have.</p><p>Join now and bring the awesome power of Bootstrap 4 into your web projects <br></p><p>Build a multi-page modern fully responsive website from scratch source code is included.</p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Create a website Bootstrap 4 rapid websites development | https://www.udemy.com/course/website-bootstrap-4/ | Rapid web development and design with Bootstrap 4 Beta Build a website from Scratch | <p>Single Page fully responsive website build in less than 1 hour using Bootstrap 4.</p><p>Using Bootstrap 4 you can build websites quickly and easily by applying the Bootstrap classes. Did you want to learn how to build websites? Bootstrap makes it easy and this course will show you how.</p><p>Bootstrap is an open-source front-end web framework for designing websites and web applications. Find out why Bootstrap is the most popular Front end framework being used online today. Bootstrap lets you create amazing fully responsive websites quickly. Bootstrap 4 is even better with more control. Bootstrap is designed for everyone, everywhere. Bootstrap makes front-end web development faster and easier. </p><p><strong>Get to know Bootstrap and see all the amazing things that can be done with Bootstrap</strong><br></p><ul><li>See the bootstrap grid in action</li><li>Explore building a fully responsive navigation bar</li><li>Use Cards to help structure content</li><li>Add Bootstrap Buttons</li><li>HD quality Videos</li><li>Instructor with over 18 years Real world experience</li><li>Top links and Resources</li><li>Source Code included</li><li>Bonus content using jQuery Animate for scroll effect</li></ul><p>I’m ready to help you learn about Bootstrap, and happy to answer any questions you may have. Want to know more about Bootstrap, join the course and start seeing what you can do with Bootstrap.</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| The Complete JavaScript Course – Beginner to Professional | https://www.udemy.com/course/javascript-training/ | The only course you need to become a JavaScript developer – 45 JavaScript projects, ES6, JSON, AJAX & much more! | <p>This course has everything you need to become a professional JavaScript developer!</p><p>With over 33 hours of training, quizzes and challenges, it’s <strong>the most comprehensive JavaScript course available on Udemy</strong>!</p><p>Whether you want a career in front end or back end development – it’s essential that you have a solid understanding of this versatile language!</p><p>Come learn the <strong>#1 programming language in the world</strong> in this fun and exciting course with Laurence Svekis – a web developer with 18 years experience who has followed Rob Percival’s “learn by doing” style to create this amazing course.</p><p><strong>Build 45 Games, Web Apps and Websites with JavaScript</strong><br></p><p>You’ll go from beginner to extremely high-level and your instructor will complete each project with you step by step on screen. </p><p>Inside the course, you’ll build a Magic Eight Ball game, mini calculator, a Calorie Counter app, a geo-located Google Map, a functioning online store and much much more!</p><p>You’ll learn how to:</p><ul><li><p>Use <strong>logic statements</strong> to make decisions within your code</p></li><li><p>Save time writing the same thing over and over again with <strong>JavaScript Loops</strong></p></li><li><p>Use <strong>JavaScript Functions</strong> to build mini programs to selectively execute code </p></li><li><p>Make your webpages comes to life with <strong>Interactive Content</strong></p></li><li><p>Connect to <strong>HTML5</strong> elements & newer <strong>API’s</strong></p></li><li><p>Make your code more efficient with <strong>Regex</strong></p></li><li><p>Handle data and updating page content without page refreshes using <strong>JSON and AJAX</strong></p></li><li><p>Build faster with the new <strong>ECMA6</strong> version of JavaScript.</p></li><li><p>Gain a strong foundation in Javascript so you’ll be ready to move up to frameworks like <strong>Angular and Node.js</strong></p></li></ul><p><strong>No JavaScript or web development experienced required</strong>. You’ll get friendly support in the Q&A area and all the source code available for download. </p><p><strong>This Offer Won’t Last Forever</strong></p><p>Go ahead and <strong>hit that “take this course</strong>” button to start learning the #1 programming language in the world!</p> | | | | | | | | | | | | | | | | | | |
|---|
| Bootstrap 4 for Beginners – Build 5 Websites from scratch | https://www.udemy.com/course/bootstrap4-course/ | Explore Bootstrap 4 and learn how to apply layouts, use components, utilities for rapid website design and development | <p><strong>Current Version Bootstrap 4 Beta Beginners Guide Bootstrap<br></strong></p><p><strong>Source code and step by step guide to build 5 complete websites from scratch using the new Bootstrap 4</strong><br></p><p><strong>Learn to Build modern websites fully responsive and mobile first built rapidly using Bootstrap 4</strong></p><p>This course uses the latest version of <strong>Bootstrap 4.0.0-beta</strong></p><p>Learn about the Bootstrap Grid and new changes making it easier to use. Find out how to use Bootstrap 4 Navbars making them responsive. Structure content in tables, lists and cards. Make text stand out with amazing Bootstrap 4 utilities. </p><p>Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-end development only.<br></p><p><strong>Build responsive, mobile-first projects </strong>on the web with the world’s <strong>most popular front-end component library.</strong></p><p>Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.</p><p>Add in the library and then you are ready to Bring the power of Bootstrap into you web pages! Its simple and easy to use simplifying web design and development. Its all available within Bootstrap</p><p><strong>You will be amazed at how easy it is to create modern websites using Bootstrap</strong></p><p>This course will show you how to build website with Bootstrap Classes. Learn and see the Bootstrap components and utilities in action! Upon completion of this course you will have the knowledge to use it within you own projects. Lessons include source code, code snippets and exercises to help you learn Bootstrap quickly.</p><p>Save time without the need to use CSS or JavaScript bring in all the amazing functionality using Bootstrap classes.</p><p>Bootstrap is Full of features that are commonly used within web design and development. With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins. One framework, every device. Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.</p><p>Bootstrap has everything you need in order to develop your website really quickly without the need for styling or coding everything is pre-built ready to go within the bootstrap libraries. Take advantage of what bootstrap has to offer bootstrap is an amazing front-end framework that incorporates styling and functionality directly via the class and attributes within your elements of your HTML page HTML and websites. Building websites has never been easier to build and bootstrap makes it happen.</p><p>Learn about Bootstrap 4 find out whats new and how to apply Bootstrap to your web projects. </p><ul><li>Learn how to add Bootstrap to your website</li><li>resources and top links are included</li><li>Explore how containers work</li><li>Add classes to make things happen</li><li>Media sizes and breakpoints</li><li>Find out about what the Bootstrap Grid is and how it works</li><li>Columns and row and how to structure your content</li><li>Use typography to make content stand out</li><li>List groups and more to group content</li><li>Custom components like Jumbotron and badges</li><li>Do amazing things with Buttons</li><li>Progress bars, alerts</li><li>Customize colors and fonts</li><li>Learn about Bootstrap tables</li><li>Bootstrap Cards are new see how they work</li><li>See how Bootstrap can enhance Forms</li><li>Drop-downs and grouping of elements</li><li>See navbar and nav items made responsive</li><li>Explore interactive bootstrap components like Tooltops and Popovers</li><li>See how modals can enhance your users experince</li><li>Dynamic jQuery components in action like Carousels, and more</li><li>Source Code and examples included</li></ul><p>Taught by an instructor with over 18 years of web development experience ready to answer any questions you may have.</p><p>Join now and bring the awesome power of Bootstrap 4 into your web projects </p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript War card game project from Scratch | https://www.udemy.com/course/javascript-project-cardgame/ | Explore how to build this JavaScript Game from Scratch based on the card game war. Step by step learning JavaScript | <p>Learn how to use<strong> JavaScript to build a web project from Scratch!</strong></p><p>This course will demonstrate how to build a complete interactive web card game from start to finish. All the <strong>source code is included . Learn from setup to completion </strong>step by step tutorials.</p><p>Basic JavaScript and CSS is required as the scope of this course is to demonstrate working with JavaScript to build web applications.</p><p>This course is perfect to learn more about writing JavaScript within a fun dynamic project. Learn the core concepts of web development and how to apply JavaScript to make your project come to life.</p><p>The best way to learn is to practice and this project is a great place to start and challenge yourself to see what you can do with JavaScript. Card war is a simple game with straight forward rules and it makes a great digital project. The rules require a dealing of cards to each player, then taking the top card and seeing which player has the highest card. The high card wins the pot and the won cards then go to the bottom of the players stack. The first player to run out of cards loses! Within the course we simulate this game using the rules and apply them with JavaScript. Using functions, ternary statements, loops, intervals, variables, arrays, objects together to build the game.</p><p>Learn by examples – source code is included to get you started quickly</p><p>Taught by an instructor with over 18 years of JavaScript experience, ready to help you learn JavaScript and answer any questions you may have. Regular Q&A discussions with daily responses and coding assistance.</p><p>Everything you need to learn how to build this and applications like it!</p><p>When you are ready to learn more about building JavaScript applications from scratch, join now and lets start building amazing things online. </p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Memory Game coding project | https://www.udemy.com/course/javascript-memory-game/ | Explore how you can build a custom JavaScript Memory game from Scratch learn JavaScript by working on this project | <p><strong>Learn how to apply JavaScript to build your own version of this Memory game from scratch</strong>. One of the best ways to learn JavaScript is to practice and try the code yourself. <strong>This course has the perfect beginners project to see how to apply JavaScript to make a dynamic and interactive game from scratch.</strong></p><p>Source Code is included with step by step guide on how to create your own game using JavaScript. See how JavaScript works create an application from scratch.</p><p>Basic understanding of JavaScript is a prerequisite for this course, the focus of the course is learning how to use JavaScript in a real world project. See how it all fits together…</p><p>Learn about how to use variables, functions, loops, intervals, objects and more. See how to make your HTML elements interactive set up event listeners and update elements using JavaScript. By the end of the course you will have the skills to build you own mini projects using JavaScript from scratch.</p><p>See how JavaScript works …</p><ul><li><p>Top resources and how to setup your work environment</p></li><li><p>create an html template to start any project</p></li><li><p>Learn why loops can save time in development</p></li><li><p>Explore how click events can be setup and make your content interactive</p></li><li><p>Learn how to build a randomizer in JavaScript</p></li><li><p>Output dynamically generated HTML content</p></li><li><p>Update DOM elements</p></li><li><p>Use arrays to store data</p></li><li><p>Learn how to shuffle arrays</p></li><li><p>Apply logic to test if players selections are a win</p></li><li><p>Debug and tweak applications</p></li><li><p>all this an more</p></li></ul><p>Source Code is included</p><p>Learn to Create your own JavaScript GAME!!!<br></p><p><br></p><p>We show you how to use JavaScript to create an interactive game, everything from creating the game board to messaging, text, timers, and game setup.<br></p><p>Within this course we show you how to add JavaScript functionality when building out projects and use JavaScript to achieve your goals.<br></p><p>We have designed this course to optimize practicing JavaScript coding.</p><p>Everything you need to learn about JavaScript is provided within this course.</p><ul><li><p>quick lessons get right to the point</p></li><li><p>source files downloadable to work along</p></li><li><p>challenges and lessons</p></li><li><p>30 day money back guarantee</p></li><li><p>new course material added regularly</p></li><li><p>trusted name in education since 2002</p></li><li><p>full HD easy to read source coding</p></li></ul><p>Taught by an instructor with over 18 years of web development experience ready to answer any questions you may have. Daily Q&A responses to help you learn. What are you waiting for join now and learn JavaScript project development today</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Script How to Update Google Sheet data from a web App | https://www.udemy.com/course/google-script-course/ | Explore how you can use Google Script to connect Google Apps and with web apps to update your Google Spreadsheet | <p>Use Google Script to connect your Google Sheet data to a web app so users can update content within your sheet. Connect a sheet without having to share the entire sheet with them. Google Scripts provides an amazing opportunity to extend what you can do with Google Sheets. Source Code is included!!!!</p><p><strong>Did you know you can publish web apps that have web urls directly from Google, no hosting and only using your Google Account. </strong><br></p><p><strong>Google Script is JavaScript with some added custom classes and methods….. Using Google script allows you full control over what your Google Apps can do connecting them together and making them work smarter.</strong></p><p>Learn how to output and update your Google Sheet content using Google Script to publish it as a web URL. </p><p>JavaScript, HTML are prerequisites to this course. jQuery and Bootstrap are used within the application so experience using these technologies is essential to learning the content of this course.</p><p>Google provides a powerful set of tools with Google Apps. Google sheets is a great place to store data within a spreadsheet and then make use of that data in a number of ways. This course demonstrate how to connect and google sheet content and output it to a web app, and then update the Google Sheet content directly from the web app without having to open Google sheets.</p><ul><li><strong>Share data within your Google Sheet</strong></li><li>Provide a url to update data without providing access to the Google Sheet itself</li><li>Select and show content from a specific sheet</li><li>You will be amazed at how easy it is to work with Google Sheets</li></ul><p>This course provides ways to use the data for web development and more. Course covers outputting the data as a web app. This will give you access to the data using a URL which you can then share online. Select either one sheet or all its up to you no programming is needed.</p><p>Source code is included as well as how to update it to get the content from your own Google Sheet. </p><p>Minimal programming is required for this course, but a basic understanding is needed for the more advanced web application functionality.</p><p>Google sheets provides a great way to collaborate and use data online within a nicely packaged spreadsheet. Now you too can use that data.</p><p>I’m here to help you learn more about web applications and ready to answer any questions you may have.</p><p>Join now and start doing some amazing things online!</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Script Create Google Docs on the fly from templates | https://www.udemy.com/course/apps-script/ | Google Scripts is a powerful resource with so much to offer. This course covers Google Script, drive, sheets, docs | <p><strong>Google Apps Script sheet data to doc using templates course!</strong></p><p>Learn how to use the power of Google App Script to power up your Google sheets and Google docs.</p><p>This course will walk you through how to setup a Google Doc generator using a Google Doc as a template and storing the data in Google Sheets. Source code is included so you can get started quickly includes all methods and classes use for this type of project which can also be used for similar custom applications. Google spreadsheet is used as a data source the scope of this course is how to use Google Script to create Google Docs on the fly. In the course Google Sheets is used as a data source for the listing of created documents and templates storing the doc id and other important data so that it can then be referenced to link out to the Google Doc that was created.</p><p>Once you start using Google Script you will be amazed at how easy it is and how much power you get with just a few simple built in classes. Google script is JavaScript with a bunch of Google predefined classes, methods. It gives you the ability to connect apps together.</p><p>Within this project we show you how to access the Google Script editor, all you need is a Google account and you are ready to create apps! Using the script editor you can access your google spread sheet data and use it like a database. Create a template or as many as you like, the app can pull them in dynamically by searching your google drive and pulling them into the script. Use Google script then to read the file contents and select all the fields you want to have inputs for within your template. All this data goes into the Google Spreadsheet which then gets access by the part of the app that creates documents from the template. Open the dialog window select the template, all the fields for the template get populated into the dialog form which allows the user to easily enter values to populate the new template with. Select create and the script will make a new document in your Gdrive folder using the template and updating the fields with new data. All this in a few lines of code built using Google Script.</p><p>This course is designed to illustrate what can be done with Google Script and how it can be used to create applications that do a lot.</p><p>Please note that the <strong>scope of this course is Google Script,</strong> there is some front end coding like HTML,CSS,JavaScript and jQuery which will not be covered in detail! Google Script is pretty much JavaScript so you need to be familiar with JavaScript in order to follow the course content. Classes and methods that are native to Google Script will be introduced to help help the application. Do to the large number of classes and methods only relevant ones to complete the application will be covered in this course. By the end of the course you will have a clear path on how to develop apps using Google Script to enhance what you can do within your Google Suite of Apps.</p><p>This course is taught by an instructor with over 18 years of web development experience having worked with Google Script for over 2 years. </p><p>I’m here to help you learn how to build applications and ready to answer any questions you may have. Join now and see what Google Script can do and how you too can use Google Script to produce some amazing applications.</p><p><strong>Google Apps Script</strong> is a <strong>scripting</strong> language based on JavaScript that lets you do new and cool things with G Suite products like Docs, Sheets, and Drive. There’s nothing to install — we give you a code editor right in your browser, and your <strong>scripts </strong>run on <strong>Google’s</strong> servers<br></p><p><strong>GSuite Services used within this course</strong></p><p><strong>DocumentApp</strong> : The document service creates and opens Documents that can be edited.<strong> Google Docs</strong><br><strong>DriveApp</strong> : Allows scripts to create, find, and modify files and folders in<strong> Google Drive.</strong><br><strong>SpreadsheetApp</strong> : This class allows users to open<strong> Google Sheets</strong> files and to create new ones. This class is the parent class for the Spreadsheet service. </p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript DOM Introduction Interactive Dynamic WebPages DOM | https://www.udemy.com/course/javascript-dom-course/ | Learn how to make webpages Dynamic and Interactive using JavaScript to influence and manipulate page elements | <p><strong>Learn how to make your HTML and CSS code interactive and dynamic! </strong> JavaScript can interface with the Document Object Model and help make webpage elements come to life! Interact with web users via event listeners make your web pages respond to users and code.</p><p>JavaScript holds the key to selecting and changing web page elements. The Document Object Model is a model of your HTML document represent within JavaScript as objects. Your browser builds the DOM and JavaScript can be used to connect to it selecting and accessing data contained within the DOM. All the web page elements are represented within the DOM. Elements are within the HTML page rendered out by the browser. JavaScript engine in the browser then create representations of the elements as JavaScript Objects</p><p><strong>See how easy it is to select elements and make the interactive.</strong><br></p><p>From an instructor with over 18 years of real world web development experience, here to help you learn how to use the DOM for your web projects. Ready to answer any questions you may have!<br></p><p>The DOM is like a doorway to access all of this functionality that is already there. JavaScript gives you the ability to open up that door and make amazing things happen on your website. This course covers only the JavaScript Document Object Model and prior JavaScript knowledge is a prerequisite to this course.</p><p>This course has everything you need to start creating your own interactive JavaScript code. This is a step by step guide explaining how and why JavaScript DOM is used. <br></p><ul><li>Learn how to select HTML elements via tags, id, class and queryselection</li><li>traverse elements move between elements to properly select the ones you are looking for</li><li>Find out about nodes and how they work</li><li>Get data from the DOM about your page and elements</li><li>Update your element CSS via JavaScript</li><li>Add interactive listeners for page events</li><li>Explore how JavaScript objects work</li><li>Append and remove elements Dynamically</li><li>Useful code snippets</li><li>Source Code is included</li><li>Top resources and more</li><li>Everything is included for you to get started quickly</li></ul><p>JavaScript is powerful, and the DOM really demonstrates this!</p><p>This course is designed to cover core aspects of JavaScript and cover the Document Object Model (DOM).<br></p><p>This course will demonstrate how to use the DOM and will help you develop skills how to manipulate the DOM within you website. JavaScript is one of the most in demand skills, and learning how to use JavaScript will help to separate you from the crowd. Want to know more, what are you waiting for take the first step. Join now to start learning how you too can create DYNAMIC and INTERACTIVE pages within your website today.</p><p><br></p><p>Please note that previous JavaScript and HTML experience is a requirement as the content of the course is to introduce the Document object model and how to connect JavaScript to the browser DOM. This course only covers JavaScript as it relates to the DOM and the scope is to cover Document Object related content</p> | | | | | | | | | | | | | | | | | | |
|---|
| Google Script application Connecting to Twitter API and more | https://www.udemy.com/course/google-script-api/ | Connect to the Twitter API collecting Tweet object information neatly as rows in Google Sheets using Google App Script | <p>Do you want to be able to <strong>connect to the Twitter API</strong>, search a term and have the results pulled directly into your Google Spreadsheet? Or even <strong>automate a listening system</strong> to pull regular data from Twitter into a spreadsheet? <strong> Search any term on Twitter and return the results……</strong></p><p>Learn how to build an application within Google Sheets to search tweets from Twitter and pull them directly into your spreadsheet.</p><p><strong>Google Script Twitter Listener!!! </strong> This is an in demand application that you can build using<strong> Google Script </strong>to listen and pull <strong>Tweet Objects</strong> on a regular trigger. Its easier than you think to make you own social media listening app which builds a spreadsheet full of tweet data automatically. This is something that I setup for a client and now I’m sharing the source code and how to set it up with you within this course. <strong> Yes source code is </strong></p><p>In this course we show you how to build this <strong>fully function application, source code is included!</strong></p><p>Use Google Script to easily build amazing applications that can power up your work!</p><p><strong>Increase the power of your favorite Google apps</strong> — like Docs, Drive, Gmail, and Sheets. Apps Script lets you do more with Google. All on a JavaScript like platform located in the cloud, making it easy and familiar to write the code and collaborative to share the code. Make apps in the cloud that can DO MORE than you could ever imagine with just a few lines of code.</p><p>This course will teach you how to build applications that can use built in Google Script Classes and Methods to connect your script with advanced powerful functionality. </p><p>If you know JavaScript you can jump right in and start creating web apps connecting all of your Google application together. Automate your work you will be amazed at how easy it is to work with Apps Script.</p><p>JavaScript is a prerequisite to this course!</p><p><strong>Course Lessons will demonstrate how to use Google Script</strong></p><ul><li>Learn what Google script is and how to write code with it</li><li>Learn about fetching URL data</li><li>Connect to APIs and retrieve response data directly into your spreadsheet</li><li>Connect to the Github API</li><li>Create a Google Doc with just one line of code </li><li>Send emails to via GmailApp</li><li>Setup up automation with Triggers </li><li>Link to other Google apps </li><li>GET and POST data to an API</li><li>Scrape webpage source code into a Google Spreadsheet</li></ul><p><strong>Building a Twitter Listener using Google Script</strong></p><ul><li>Find out about Authenticating your Google Script to the Twitter API</li><li>Learn about Connecting your Google Sheet with Twitter Data</li><li>Experience using JSON response data and outputting it into your Google Spreadsheet</li><li>Explore Setting up a Twitter search popup window</li><li>Find out about Setting up automation with Triggers</li><li>Learn how to Debug Tweak and improve your code</li></ul><p>Source Code is included for all the applications built within this course!</p><p>Taught by an instructor with over 18 years of web development experience. I’m here to help you learn about Google Scripts and ready to answer any questions you might have.</p><p>If you have been looking for a way to track Twitter data or want to learn more about using Google Script this course is for you. Its a one of a kind course online with source code for a fully functional application included!!!!</p><p><strong>You will be amazed at what you can do with Google Scripts, join now </strong>to start creating your own applications today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Uploading images to PHP Server via AJAX | https://www.udemy.com/course/php-ajax/ | Explore how you can use AJAX and HTML forms to upload images to PHP servers | <p>Explore how to <strong>upload images to your server using AJAX and PHP.</strong></p><p>Please note this course covers PHP within the scope of saving files, specifically image files on your server. Knowledge of PHP is a prerequisite to this course. AJAX is done via jQuery which is also a prerequisite to this course. jQuery is only covered within simple AJAX calls and some element html updates.</p><p>This course covers a number of methods to store image data onto your server.</p><p>Learn how to create a Simple Form with a file input and submit the data to a PHP file. Use PHP to check for valid images, file sizes and check for errors.</p><p>Using AJAX to submit form file contents to the server removes the need for a page reload and lets you make use of the response data and output it into your HTML. Simple easy clean way to send images to your server.</p><p>BASE64 image data to PHP server can be used to create an image and save it to a file location on the server. This method will ensure you have an image format as its not simply coping the file but actually using the encoded data to create the image file. This method is useful when the image is also generated on the fly.</p><ul><li>Source code is included to get you started quickly.</li><li>Resources and helpful links are also included</li></ul><p>Taught by an instructor with over 18 years of real world web development experience, ready to answer any questions you may have.</p><p><strong>Join now</strong> and start creating your own PHP applications today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Get Google Sheets as JSON data for web applications | https://www.udemy.com/course/google-sheets/ | Learn how to do more with Google Sheets integrate it the data into your own Applications get web app urls for the data | <p>Google provides a powerful set of tools with Google Apps. Google sheets is a great place to store data within a spreadsheet. Did you know you can use that data on the web?</p><p>Great introduction to Google Sheets and Google Script<br></p><ul><li><strong>Publish your Google Sheet data to the web.</strong></li><li>Use <strong>Google Sheets data on your own webpages</strong></li><li><strong>Output Google Sheet data as JSON</strong> and add it anywhere</li><li>You will be amazed at how easy it is to work with Google Sheets</li></ul><p>This course provides ways to use the data for web development and more. Course covers outputting the data as a web app. This will give you access to the data using a URL which you can then share online. Select either one sheet or all its up to you no programming is needed.</p><p>Web application use case, this part of the course covers more advanced ways of using the data. We show you how the data can be output as JSON data, select any sheet get it as JSON data. JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. Its perfect for use within web applications. Adding jQuery for easy AJAX calls. With Ajax, Web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. Source code is included as well as how to update it to get the content from your own Google Sheet. <br></p><p>Minimal programming is required for this course, but a basic understanding is needed for the more advanced web application functionality.</p><p>Google sheets provides a great way to collaborate and use data online within a nicely packaged spreadsheet. Now you too can use that data.</p><p>I’m here to help you learn more about web applications and ready to answer any questions you may have.</p><p>Join now and start doing some amazing things online!</p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Infinite Scroll Project AJAX MySQL API PHP jQuery | https://www.udemy.com/course/ajax-project/ | Explore how to create a web application that sends requests to the server for additional data as users scroll the page | <p><strong>Infinite scrolling </strong>is a web-design technique that loads content continuously as the user scrolls down the page, eliminating the need for pagination. This technique popular is used on many websites and this course will show you how to build one yourself from scratch.</p><p>Best of all this course provides a great learning experience on how to develop an API that can return database content into the front end. Learn how to combine technologies and the steps needed to plan out the building of applications. Explore how you can use AJAX to send requests to a server API returning content in a JSON format to be added to your web page content.</p><p>Prerequisites to this course include working knowledge of jQuery, JavaScript and PHP. We cover the aspects of the languages needed to create the API endpoint and to query the endpoint for data.</p><p>One of the best ways to learn programming is by projects and this project is perfect since it combines the use of multiple technologies within one application so that students get a real world experience. </p><ul><li>Learn how to setup the structure of your web application</li><li>Find out about creating a PHP database connection</li><li>Create a simple PHP application to populate the database with lorem ipsum text</li><li>Explore how an API works outputting content from the MySQL database into JSON format</li><li>Use PHP code to build a customized JSON output</li><li>Explore how easy it is to make AJAX requests with jQuery</li><li>Use JavaScript to detect scroll and more</li><li>Assemble your HTML page dynamically</li><li>Examine how web applications are built</li></ul><p>Source Code is included to get you started quickly.</p><p>Taught by an instructor with over 18 years of web development experience, ready to help answer any questions you may have.</p><p>Join now and start building your own applications today.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Essentials Get started with web coding | https://www.udemy.com/course/javascript-intro-course/ | Explore how you can write JavaScript code to create more interactive content online | <p>JavaScript (JS) is a lightweight interpreted programming language. You’l find it everywhere its one of the cornerstones of the web. Learn the foundations of JavaScript coding develop the core skills you need to apply JavaScript to your web projects</p><p><strong>Experience JavaScript</strong> this course is designed to<strong> introduce you to JavaScript.</strong> Learn JavaScript here Simple to follow step by step guide building JavaScript code from scratch ultimate beginners course<br></p><p>In this course we teach you the core fundamental skills that you need to know in order to code JavaScript. Understanding the core coding options allows you to develop a solid base to build even more complex JavaScript applications..</p><p>JavaScript is an excellent gateway to learning scripting languages, its perfect for beginners. You will be amazed at how easy it is to get started with. Learn how to use JavaScript Step by Step. JavaScript can be fun to work with and really help bring your web concepts to life. This is a course that outlines key areas that anyone starting out with JavaScript should learn. Build a solid foundation for future web development.</p><p>JavaScript allows your web pages to interact with your visitors, creating dynamic customized interactions. React to user actions bringing your web content to the next level.</p><ul><li>it is amazing what you can achieve with a few lines of JavaScript code.</li><li>JavaScript is an interpreted language = renders in a browser so no barrier to get started with</li></ul><p>The majority of websites employ it, and all modern web browsers support it without the need for plug-ins by means of a built-in JavaScript engine. </p><p>Alongside HTML and CSS, JavaScript is one of the three core technologies of World Wide Web content production. </p><p>JavaScript is an object-based scripting language that is lightweight and cross-platform.</p><p>JavaScript lets you create interactive websites</p><ul><li>Create your first JavaScript code </li><li>learn how to add JavaScript to your web pages</li><li>Better understand the structure of JavaScript</li><li>Key JavaScript components like Functions, Arrays, Objects, Loops and conditionals and how to apply them in code</li><li>Web development skills to the next level</li><li>JavaScript Core functionality learn about using Math, Strings, literals identifiers and more.</li></ul><p><strong>Experience what can be possible with JavaScript. Learn to create your own immersive web experiences with JavaScript. Make interactive websites.</strong></p><p><strong>Let’s start Coding JavaSCript</strong></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| CSS Floats quick simple web templates | https://www.udemy.com/course/css-webdesign/ | Explore CSS floats to quickly create web page layouts with columns | <p>Using CSS Floats you can quickly create web pages with multiple columns. This course will show you how to apply CSS floats and how to clear floats to rapidly build out web pages with multiple columns of content areas.</p><p>Floats are powerful and often something that new web designers have questions about. I built this course specifically to help students learn about using floats, what to watch out for and how to apply CSS properties to quickly create a website layout.</p><p>The <strong>float CSS property </strong>specifies how an HTML element should be placed either along the left or right side of its container. The surrounding elements can then wrap around it. Floats are commonly used within images to get images inline with the surrounding text as well as to create page columns. Floats allow you to control the output either to the left or right of the surrounding content.<br></p><p>This course will show you how to use floats in CSS, explore common mistakes and address common questions when it comes to floats. </p><p>Floats allow the content to remain within the normal flow of the page content contrary to when you use positioning.</p><p>This course is taught by an instructor with over 18 years of web design and development experience. Ready to help you learn more about floats and how you can apply CSS to create web pages.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn JSON for beginners with JavaScript | https://www.udemy.com/course/json-javascript-course/ | Beginners Guide to Exploring JSON datawith JavaScript. | <p>JSON is short for <strong>JavaScript Object Notation</strong>. <strong>The natural choice of data format for JavaScript.</strong></p><p>It allows you to easily store and exchange data. JSON is the ideal way to exchange data between a browser and server. JSON can be used as a text string and then converted in usable JavaScript objects easily. </p><p>JSON and JavaScript objects make it easy to work with data, save data and send data!</p><p>Send and receive your application data as JSON. </p><p>JSON is used EVERYWHERE, learning about JSON is important if you want to connect to web apis, transfer data and retrieve data in a simple straight forward format.</p><ul><li>Explore JSON and JavaScript objects</li><li>Output JSON into JavaScript</li><li>Multiple Arrays and Objects in JSON</li><li>Nested Objects and retrieving data from more complex data objects</li><li>parse string into object and convert objects into strings</li><li>save to session storage as one string value</li><li>loop through and output JSON data content</li><li>Connect to JSON via AJAX</li><li>use AJAX to get JSON data from an API</li><li>More complex API data</li></ul><p>Source Code is included to get you started quickly with JSON</p><p>Top links and resources </p><p>Taught by an instructor with over 18 years of Web development experience</p><p>I’m ready to help you learn more about JSON and happy to answer any questions you may have.</p><p>Join now and start learning how to use JSON in JavaScript.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript High Low Card Game Project From Scratch | https://www.udemy.com/course/javascript-card-game/ | Explore how to create an interactive dynamic web application from scratch. Built using JavaScript CSS and HTML together | <p>Learn the steps to create an <strong>interactive web based game from scratch</strong>, using <strong>JavaScript HTML and CSS</strong>. This course is designed for beginners who want to explore how to build, debug and enhance web projects. </p><p>Explore how to create applications applying your knowledge of <strong>HTML, CSS and JavaScript!</strong></p><p>Please note that some basic knowledge of these languages is required as the course focus is to cover the development process. Prerequisites to this course include a basic knowledge of front-end coding.</p><p>Step by step guidance to building interactive applications. </p><p>The course will walk through how to create a web game and how to debug and address issues when coding applications.</p><p>The card game that is created within this course is a simple High Low guessing game. The objective of the game is to guess if the next card is higher or lower than the current card. A correct guess is a win and an incorrect guess is a loss. </p><ul><li>Learn how to develop your game and structure your game logic</li><li>build needed functionality to performance the game objectives.</li><li>create attractive interactive elements</li><li>apply game logic as you build your application </li><li>debug and QA your application</li><li>enhance and add features and functionality</li><li>test and next steps to application building</li></ul><p>This course is taught by an instructor with over 18 years of web development experience. Ready to answer your questions and help you learn more about web development.</p><p>One of the best ways to learn is to practice and try it for yourself. Source code is included to get you started quickly. Code review at the end of the course and a complete overview of the source code.</p><p>When you are ready start building your interactive web application today. </p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Getting started with JavaScript | https://www.udemy.com/course/javascript-code/ | Learn JavaScript Variables, Loops, Functions, Conditions, Objects, Arrays and more. Intro course for Beginners | <p>JavaScript is used everywhere on the web, its easy to get started with and tools needed to create it are on most computers right now. Learn the core fundamental concepts of JavaScript.</p><p>This is the first step in learning how to write JavaScript code. Within the course you will find the basic foundations of JavaScript explained. This is a beginners course and does require some basic understanding of HTML and how webpages are created. </p><p>This Course is designed for Beginners who want to learn about using JavaScript. Get started with JavaScript in under 1 hour.<br></p><p>Learn about how to add JavaScript to your web pages</p><ul><li>How to apply JavaScript</li><li>Variables and operators</li><li>Functions and how to use them</li><li>Working with arrays and objects</li><li>Add logic with conditions</li><li>Loop content to save time</li></ul><p>JavaScript is an essential part of any webpage, users expect more from your web content. JavaScript provides the next level of web interaction. Develop a solid understanding of JavaScript with the core concepts, to better and advance with JavaScript coding. Learn JavaScript step by step guidance to understanding what and how to use JavaScript.</p><p>Course is designed to get viewers started with using JavaScript. JavaScript is one of the basic languages used to create powerful web experiences. The course will take students from the very basics of JavaScript teaching how to begin to implement script.</p><p>Taught by an instructor with over 18 years of web development experience. I’m here to help you learn about JavaScript and ready to answer any questions you may have.</p><p>You will be surprised at how easy it can be to code JavaScript!</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript HTML Game from Scratch Blackjack | https://www.udemy.com/course/javascript-game/ | Learn how to create a web application from scratch. Apply JavaScript to HTML and CSS to build a Blackjack application | <p>Learn how to build a playable <strong>Blackjack web based application</strong> from scratch!</p><p>Using <strong>HTML, CSS </strong>and <strong>JavaScript </strong>this course will show you how to <strong>create a game from scratch</strong>. One of the best ways to learn how to use JavaScript is to apply it to projects. This course show you the steps and process from a blank file to building out the entire game.</p><p>This course is <strong>designed for beginners</strong> with some <strong>basic JavaScript, HTML and CSS experience required</strong>. We will be reviewing only the JavaScript functionality required to build the game and demonstrating how to apply the code. This course does not cover HTML, CSS and JavaScript in their entirety but covers the use of them in relation to building a game.</p><p>Start with the basics of what is needed, apply logic and build out a working web application. Test your application, tweak fine tune and get it working as designed. </p><ul><li>Start off building a deck of cards in JavaScript</li><li>Learn how to generate values of cards to use within your application.</li><li>Prepare to build the game. Define the game rules and what you need in order to get that functionality.</li><li>Learn how to build a playing card visually with CSS</li><li>Create the game play using JavaScript applying logic</li><li>Add player actions and decision points</li><li>create the logic for the dealer</li><li>Put it all together to play Blackjack</li></ul><p>Source Code is included, step by step instruction to demonstration how to build an application. </p><p>Taught by an instructor with over 18 years of web development experience.</p><p>I’m here to help you learn how to write JavaScript and ready to answer any questions you may have. </p><p>This course showcases how to build a fun interactive application. When you are ready </p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Basics made easy for beginners | https://www.udemy.com/course/course-javascript/ | Quick start to learning JavaScript for beginners, explore how to write JavaScript with script examples and exercises | <p>Explore what you can do with JavaScript</p><p>Make your web pages interactive, use JavaScript to apply logic and create amazing things online.</p><p>JavaScript is the language to use for creative and interactive content online. </p><p>Within the course explore how JavaScript can be used within web design to add interaction. JavaScript programming is a great skill to develop and learn. Explore the fundamentals you need to build JavaScript applications and create web interactions. </p><p><strong>Within the course we cover</strong></p><ul><li>the tools to get started to write JavaScript</li><li>Writing code</li><li>JavaScript data types</li><li>JavaScript Functions</li><li>Loops with JavaScript</li><li>Arrays and Objects</li><li>JavaScript Methods</li><li>Creating a canned message application from scratch</li><li>exercises to practice what you learned</li><li>source code to get started quickly</li><li>examples and samples of JavaScript</li><li>Much more</li></ul><p>Learn the JavaScript concepts used for web applications, user interfaces and how dynamic webpages can be created. <br></p><p>Taught by an instructor with over 18 years of real world web development experience. I’m here to help you learn JavaScript and ready to answer any questions you may have.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn CSS Web Design Development Beginner CSS introduction | https://www.udemy.com/course/learn-css/ | CSS masterclass learn how to apply styling to HTML elements | <p>Learning how to <strong>apply CSS</strong> to your HTML it will <strong>bring your web content to life!</strong></p><p><strong>Learn about CSS</strong>. Cascading Style Sheets is one of the main building blocks of web content online. Its used everywhere to add styling to plain HTML. Applying CSS is easy to get started with updating your plain HTML code. <strong>Everything you need</strong> to get started with CSS is provided within this course.</p><p>Bring your web content to life with CSS. This course will show you the syntax used within CSS and help you better understand where to apply the properties and values. <strong>Whether you are a beginner or want to update your skills, this course is for YOU! </strong></p><p>CSS is designed to save you time and we show you how to use it effectively to achieve results.</p><p>Explore what the different CSS properties can do. Expand your knowledge of CSS and learn what can be done with Cascading Style Sheets . Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of elements within an HTML page. This course is designed to help you learn how to use CSS within your web pages. </p><p><strong>Learn What CSS is and how YOU can use it!</strong><br></p><p>Explore How to add CSS to your websites<br>Add styling with colors to fonts and backgrounds<br>Learn about the Box Model<br>Find more about How Padding, Borders, and margins work<br>Update your height and width and dimensions<br>Basics of displaying content with CSS<br>Explore the use of floats to create multiple column sites and pages</p><p><strong>All about CSS positioning everything is included to get you started quickly!</strong></p><p>Learning the CSS fundamentals will help you develop the core skills to apply styling to your HTML content.</p><p>From an instructor with over <strong>18 years of web development experience</strong>.</p><p>I’m here to help you learn about CSS and ready to answer any questions you may have. Let me introduce you to using CSS. I show you how to add CSS to your websites. What CSS can do and the amazing transformation that can be done.</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn HTML Masterclass | https://www.udemy.com/course/html-learn/ | Learn HTML step by step lessons with source code and exercises to learn and explore HTML code for web design | <p><strong>Learn how to create HTML web pages!</strong></p><p>Step by step instruction for create HTML pages. Learn from an instructor with over 18 years of web design and web development experience.</p><p>Course is full of real world examples, exercises and source code to get you started quickly.</p><p>Full complete course about HTML and how it works.</p><p><strong>Learn about HTML: the very foundation for building web pages!</strong></p><p>HTML is fun to write and easy to get started with. If you have ever considered creating your own website and wondered where to get started this is the course for you.</p><p><strong>HTML</strong> (HyperText Markup Language) is the most basic building block of the Web. </p><p>Explore HTML learn about</p><ul><li>head body and html tags</li><li>Tags, elements and attribute</li><li>creating a html boilerplate</li><li>adding hyperlinks and linking to other pages</li><li>navigation between pages</li><li>bring in images to your HTML page</li><li>Lists and options for different lists</li><li>tables and how they can be used to structure content</li><li>Forms and what you need to know how to create web forms</li><li>creating a website with HTML</li></ul><p>Learn to create a website from scratch, I’m here to help and ready to answer any questions you may have. Take the first step and learn to create your own website today.<br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Explore how to start Web Development | https://www.udemy.com/course/web-dev-course/ | Learn the fundamental concepts to creating websites how websites works and how they get created | <p>Learn what it takes to get a website online, how websites work and where to begin if you want to create your own websites.</p><p>Understanding the fundamental core concepts related to the internet and how websites function is a great starting point to anyone who wants to create websites.</p><p>Learn more about how websites are made and how web content is served up to users.</p><p>This course covers everything you need to know in order to start creating websites, learn where to start, explore the terms used and the technology involved. Get links and information about common resources used by web developers to create websites.</p><p>This course aims to answer any questions you may have about</p><ul><li>How HTML works</li><li>What languages are used to create websites HTML, CSS and JavaScript</li><li>How website get created </li><li>what goes into designing and constructing web content</li><li>Dynamic websites vs Static websites</li><li>Front-end code vs Back-end code</li><li>Client side vs server side</li><li>How servers display content</li><li>web hosting and domains</li><li>Browsers and how they render code</li><li>how to get files from your computer to a server</li><li>all about top web resources and sites</li><li>plus more</li></ul><p>Taught by an instructor with over 18 years of real web development experience. Learn how you too can start creating websites and explore how easy it can be to get started with websites.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Front-end Web developer MasterClass HTML CSS JavaScript | https://www.udemy.com/course/learn-html-css-javascript/ | Learn HTML CSS JavaScript all in one place packed with exercises and source code with examples | <p>Learn HTML CSS and JavaScript all in one course. This is the complete front end web developer starting course. </p><p>Whether you are looking to refresh your skills, expand your knowledge or looking to just get started with web development this course is for YOU!</p><p>A complete comprehensive course covering the core foundations of the web.</p><p>What you will learn within this course</p><ul><li>HTML and HTML5</li><li>CSS and CSS3 </li><li>JavaScript </li><li>JavaScript DOM selecting elements and manipulating element content</li></ul><p>Source Code and examples are included to get you started quickly. Links to top resources and more all available in one massive course.</p><p>This course is taught by an instructor with over 18 years of real world industry experience. Ready to help you learn web development and answer any questions you may have.</p><p>This course is designed to help you learn and practice front-end coding for website development and design. Learn the core concepts of HTML, CSS and JavaScript. </p><p>Friendly support is always available in the Q&A section ready to help you learn.</p><p>Join now take the first step to exploring more about web development.</p><p><strong>How the internet works :</strong></p><ul><li>Learn about DNS names and IP address</li><li>What makes a website and how does your browser know what to show you.</li><li>Coding languages HTML CSS JavaScript</li><li>Web development and what its all about</li><li>Terms like frontend and backend code</li><li>Hosting, Browsers, FTP +++</li><li>Developer tools and resources</li><li>Tips for web developers</li></ul><p><strong>HTML building the code for websites :</strong></p><ul><li>Understanding HTML foundations</li><li>Different Types of tags</li><li>Creating an HTML boilerplate template</li><li>HTML formatting tags</li><li>Tags Elements Attributes ></li><li>Resources to Learn more about HTM</li><li>HTML Headings</li><li>Content separation and Common tags</li><li>Commenting</li><li>Preformatted text</li><li>HTML entities ASCii characters</li><li>Markup Formatting HTML Markup</li><li>Hyperlinks connecting the pages</li><li>Using Images Images styling</li><li>Lists unordered and ordered</li><li>Nested Lists inside lists, List styles, List options, Description Lists</li><li>Tables row cells table head and body</li><li>HTML Forms with input and methods labels and more</li><li>HTML5 Input HTML5 Types color, date, email, month, number, range, search, tel, time, url, week</li><li>Input type images upload</li><li>HTML5 Semantic elements for building structure</li><li>How iFrames work and can be added to HTML</li></ul><p><strong>CSS for presentation</strong></p><ul><li>What is CSS</li><li>How to add styling to HTML elements</li><li>CSS defined what it does in Web development</li><li>Websites with CSS vs without CSS</li><li>Containers grouping content spans and divs</li><li>Selects getting the right element</li><li>Adding CSS to code</li><li>CSS color options palette fonts and backgrounds</li><li>Borders Margins Padding – Box model</li><li>Text and fonts CSS</li><li>tables and lists with CSS</li><li>Element Display and positioning</li><li>Building a navbar</li><li>Advanced CSS selectors</li><li>Pseudo Classes and Pseudo Elements</li><li>Media Queries</li></ul><p><strong>JavaScript Fundamentals</strong></p><ul><li>What is JavaScript</li><li>Writing JavaScript is code and what it does</li><li>Adding JavaScript to your web page</li><li>Developer console log</li><li>JavaScript data type</li><li>What variables are and how they are used</li><li>Operators for applying logic to code</li><li>Arrays and objects to hold data</li><li>Conditionals with logic</li><li>Loops for while and do</li><li>JavaScript functions at the heart of JavaScript</li><li>More Built in functions methods</li></ul><p><strong>JavaScript Document Object Model</strong></p><ul><li>What is the DOM and how it works</li><li>Updating and manipulating elements</li><li>Selecting multiple elements</li><li>Page event listeners</li><li>Click events</li></ul> | | | | | | | | | | | | | | | | | | |
|---|
| Google Apps Google Script – Content System Web App Project | https://www.udemy.com/course/google-script/ | Learn to Build a custom web application using Google Scripts connecting Google Apps together | <p>Learn how to build Web Apps with Google Script</p><p>Increase the power of your favorite Google apps — like Calendar, Docs, Drive, Gmail, and Sheets. Apps Script lets you do more with Google. All on a JavaScript platform in the cloud.</p><p>If you know JavaScript you can jump right in and start creating web apps connecting all of your Google application together. Automate your work you will be amazed at how easy it is to work with Apps Script. </p><p>JavaScript is a prerequisite to this course! </p><p><strong>Course Lessons will demonstrate how to use Google Script</strong></p><ul><li><p>Learn what Google script is and how to write code with it</p></li><li><p>Create a Google Doc with one line of code </p></li><li><p>Update existing Google Docs </p></li><li><p>Setup up automation with Triggers </p></li><li><p>Copy content from your Google Doc </p></li><li><p>Change colors and text within your Google Doc </p></li><li><p>Link to other Google apps </p></li><li><p>Translate your Google Doc in One line of Code! </p></li><li><p>Send your Google Doc info as an email through Gmail</p></li></ul><p><strong>Building a Webap</strong><br></p><ul><li><p>Connecting your Google Sheet Data</p></li><li><p>Accessing Sheet data via a JSON feed</p></li><li><p>Connecting your Sheet data to a local application using AJAX</p></li><li><p>How to add Bootstrap and jQuery into your Google App</p></li><li><p>How to create popup modals and dynamic interaction</p></li><li><p>Deploy your first web app</p></li></ul><p><strong>Build a Custom Content System driven from Google Sheet data</strong></p><ul><li><p>Add Alerts and interactive dialog</p></li><li><p>Setup HTML page</p></li><li><p>Add Bootstrap 4 and jQuery to your app</p></li><li><p>Create a dynamic drop list from Google Sheets</p></li><li><p>Generate a home page of content from Sheets</p></li><li><p>Send data back to GS to callback</p></li><li><p>Generate HTML output from Google Sheets data</p></li><li><p>Provide Access control of content</p></li><li><p>How to bug fix and tweak your application</p></li><li><p>Get a web url for your application</p></li><li><p>Check and authenticate users</p></li><li><p>Output content from Google Sheet data</p></li><li><p>Code review and output</p></li></ul><p>Taught by an instructor with over 18 years of web development experience. I’m here to help you learn about Google Scripts and ready to answer any questions you might have.</p><p>You will be amazed at what you can do with Google Scripts, join now to start creating your own applications today.</p><p>Please note that this is a project based course and the scope of the course is to use technologies like HTML, CSS, JavaScript, jQuery, Bootstrap to create the project. All of the source code is included.</p> | | | | | | | | | | | | | | | | | | |
|---|
| AJAX PHP server side validation JSON response | https://www.udemy.com/course/ajax-php/ | Create form validation from PHP JSON formatted responses using jQuery AJAX requests sending data to PHP code | <p>This course will walk you through how to use jQuery AJAX to send data to PHP backend code and retrieve a JSON response from the PHP code. Use the response data to provide users validation and messaging to the html form.</p><p><strong>This course requires prior knowledge of JavaScript, and HTM</strong><strong>L. </strong> Some jQuery AJAX and PHP is helpful to understand the code syntax. </p><p>Course covers the following within the context of building the validation form.</p><ul><li>HTML – simple HTML form input types text and email</li><li>CSS – limited styling of an HTMLform</li><li>JavaScript – Mainly jQuery some JavaScript data types Objects and arrays</li><li>jQuery – AJAX and form submit event listeners</li><li>PHP – JSON encoding, POST values as variables, Conditional statements, echo content</li><li>AJAX – POST AJAX send and retrieve data. Serialize form content</li><li>JSON – JSON formatted data response.</li><li>DOM – Document object model event listeners</li><li>Google DevTools console messaging</li></ul><p>Source code is included, step by step instruction on the above topics. This course is limited to the scope of this project and will not teach these programming languages from scratch. Please have basic prior understanding of the above topics before commencing with this course.</p><p><strong>Explore how to create a simple HTML that submits an AJAX request and retrieves server responses using those responses within JavaScript to create dynamic responses within HTML. </strong></p><p>Taught by an instructor with over 18 years web development experience, ready to help answer any questions you may have.</p><p><strong>Learn by example see the code in action!</strong></p><p>Are you ready to create form validation, enter the course and start creating your own custom script!</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Responsive HTML and CSS website from Scratch in under 1 hour | https://www.udemy.com/course/web-design-course/ | Explore using HTML and CSS to create custom websites. Web Design and web development from scratch source code included | <p><strong>Learn how HTML and CSS can be used to create a modern website from scratch. </strong></p><p>Source Code is included for students to work alongside the instruction provided within the course demonstrating how to build a custom mobile ready responsive website from scratch. Learn HTML and how HTML is used to develop a webpage structure. Create a wire-frame sketch of a website watch it get created from scratch using HTML and CSS.</p><p>This course covers the basics of HTML and CSS, some pre knowledge of using these languages is required before taking this course. Its fast paced and jumps right into coding with examples and sample code.<br></p><p>This course covers the complete step by step process of building a website. Apply CSS to transform the HTML code into a modern website. </p><p>By the end of this course you will be able to create a website from scratch. Step by step instuction using HTML and CSS to build your website. Source Code is included.</p><ul><li>Create a wire frame sketch of how you want you site to look</li><li>Get placeholder content to design your website</li><li>Add CSS to HTML un-ordered list and transform it into a navigation menu</li><li>add logos and images</li><li>create and style buttons</li><li>fixed menu at the top zindex</li><li>debug and tweak your website before launch</li></ul><p>I’m here to help you learn about web design and ready to answer any questions you may have.</p><p>When you are ready lets start building a custom website from scratch.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Interactive Dynamic JavaScript for beginners DOM | https://www.udemy.com/course/javascript-dom/ | JavaScript can make your web pages come to life. Learn how to make your HTML and CSS code interactive and dyanmic | <p><strong>JavaScript can make your web pages come to life. Explore how the Document Object Model works along with the fundamental core concepts of JavaScript… Together to make your webpages dynamic and interactive.</strong></p><p><strong>JavaScript along with HTML and CSS </strong>are the 3 core languages of the internet. Getting your JavaScript to work along with your HTML elements will bring your web pages to the next level. Interaction within elements is ready to go with any element. The browser does a lot with your HTML code and with JavaScript you can maximize that and create amazing things.</p><p> <strong>This course is designed for beginners </strong>who want to build a strong foundation for writing JavaScript code. Within the course we explore how to make things happen. How to connect HTML elements with JavaScript to create interactive content. Update change HTML all using JavaScript. Learn about event listeners and how they can give your website the ability to respond to user actions. All this makes your content come to life. Best of all every webpage is already ready to go with this, you just need to select and use it from JavaScript. </p><ul><li>Get links to resources used within the course</li><li>Source code from lessons is included for you to work along with course content easily</li><li>step by step instruction</li><li>learn how to write JavaScript</li><li>what the primitive types are in JavaScript and about Objects</li><li>How the browsers creates the DOM and more</li><li>See how elements can be updated and all the options you have at hand </li><li>More options for selecting the element you want to update</li><li>Find out about Arrays and Objects and how they are used within JavaScript</li><li>Learn about loops and if statements</li><li>Create interaction within your web content using event listeners</li><li>Find out about functions and how they can be used to create more effective code</li><li>apply JavaScript within your code and make things happen</li></ul><p>Taught by an instructor with over 18 years of web development experience, ready to help you learn more about JavaScript. This course is a great introduction to how JavaScript works with HTML. </p><p>I’m ready to answer any questions you may have. Start learning JavaScript today!</p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn HTML and CSS together for Beginners | https://www.udemy.com/course/learn-html-css-website/ | Learn how to make websites using HTML and CSS This course is for beginners step by step to create a completed website | <p><strong>Learn about HTML and CSS and how they are used to create websites. </strong></p><p>HTML and CSS are 2 of the 3 main building blocks of websites on the internet today. The internet uses HTML & CSS as a set of instructions that can be then be used by browsers to render out the intended webpage. HTML is fun to write and easy to get started with. If you have ever considered creating your own website and wondered where to get started this is the course for you.</p><p><strong>HTML</strong> (HyperText Markup Language) is the most basic building block of the Web. It describes and defines the content of a webpage. Explore HTML, how it works and how browsers use it to build webpages. HTML is created by web developers who use it to build websites. Learn how to create your own HTML boilerplate templates, that can be used and reused to make webpages. Explore HTML markup, creating headings, paragraphs, and more. See the different tags and what they do. Learn about grouping elements and how that is the first step to prepare to add styling. </p><p><strong>CSS</strong> (Cascading Style Sheets) are a stylesheet language used to describe the presentation of a document written in HTML. Its how your page looks, how your HTML elements can be designed to have colors, positions on the page, different dimensions, and more. Explore how to add color and background options to HTML elements. Find out about the Box model and how it is used to add more display properties to HTML elements.<br></p><p>Putting HTML and CSS together to create webpages. We cover how to build a website from scratch.</p><ul><li>Hyperlinks how they work</li><li>Adding images to webpages</li><li>creating a navbar using CSS</li><li>HTML tables</li><li>HTML forms and creating a contact form for your website</li><li>HTML structure and building your page</li><li>Tweaking and updating your website</li><li>Adding Google Fonts</li></ul><p>Experienced instructor – creating websites since 1999! </p><p>Learn to create a website from scratch, I’m here to help and ready to answer any questions you may have. Take the first step and learn to create your own website today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Easy Local Server Setup for Web development | https://www.udemy.com/course/local-server/ | Explore how to setup your own custom local web development environment with 3 different options for local server | <p><strong>Explore 3 different options about setting up and configuring a local server to run on your computer.</strong> Local web development environment within minutes customized and ready to go.</p><p>Course is presentation is on a <strong>Windows machine and the applications will be shown running on a windows machine</strong>, applications like XAMPP, AMPPS and Vagrant work across platforms and links and resources are provided.</p><p>Writing web code and trying it out on your own machine can save you time. Setup and run a server that can simulate what your web users will see online. This is amazingly easy to do and can save you time, and allow you to work more efficiency. Without having to bother to upload content to try out server languages saves lots of time when building your applications. Having a database that is easy to setup, use test and remove is an ideal solution for web developers writing code. Try out your applications, debug your applications and whatever you want since its only on your computer. Once its ready and working the way you envision then transfer it to your server for the world to see.</p><p>This course contains 3 simple ways to setup a web server and run it on your computer. They all serve different needs, and this course allows you to explore your options. Get the information you need to work more effectively.</p><p><strong>Learn to setup XAMPP </strong>- a super popular option to get a web server up and running in minutes. Learn about the XAMPP control panel and how to configure your install. Customize you install to function that way you need it. Learn about setting up XAMPP FTP. All the resources and help you need about XAMPP in one place. Explore the basic of PHPmyAdmin, see how to send mail from XAMPP. If you want to run multiple projects on XAMPP let us show you how. Everything about XAMPP to help you start using it in minutes.</p><p><strong>Learn how to setup AMPPS</strong> – the ultimate local machine with over 300 ready to go apps like WordPress and almost any other popular PHP app you can imagine. Its got information about the apps and they can be installed within a few clicks. Trying out some new PHP apps, is made easy with AMPPS. AMPPS has a lot to offer and this course will walk you through what you need to know to get started. Explore the Admin Panel and the User Panel. See how MySQL and PHPmyadmin works within AMPPS. Information on more tools and options for database. Setup FTP with AMPPS. Create custom domains. <strong> Setup WordPress in under 1 minute!! </strong>Learn how to backup and restore your websites.</p><p><strong>Vagrant Virtual Box localhost </strong>- this options gives you even more flexibility to run server side scripts. Customize it all or use the default its up to you. Setting up a Vagrant box is demonstrated in the course. The possibilities are endless. If the previous two options did not do what you need this one surely will. Difficulty of the setup is increased over the other options which are more or less click and go. This one takes some configuration but this course illustrates that it can be made easy. We show you how to install a pre-configured box ready to go and develop on. </p><p>Setup your local web development environment with the resources and information provided. This can be made super easy and this course will show you how you to can setup your own local machine. I’m here to help you learn about web development and ready to answer any questions you may have.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| PHP connections to MySQL | https://www.udemy.com/course/php-mysql/ | Learn how to connect a MySQL database to your PHP application. Learn MySQLi connection code and Object oriented PHP | <p><strong>PHP and MySQL together allow you to create amazing applications.</strong> Connecting your code to your database is what this course is all about. <strong>Learn how to add a database connection to your PHP application</strong>. Connecting a database is required by many applications and there are many ways to do this via PHP code.</p><p><em>Please note that this course does not cover the basics of PHP and basic knowledge of PHP is required as part of this course. It will not be covering PHP coding outside the scope of the course summary. Setting up your local server is optional and suggestions for a local machine setup and editor option are provided within the course.</em><br></p><p>This course covers writing PHP code in both <strong>procedural </strong>and <strong>object oriented coding</strong> to </p><ul><li>Create a database</li><li>Create a database table</li><li>Setting up a database connection</li><li>inserting data into your database</li><li>Selecting data from your database</li><li>updating database content</li><li>deleting data from your database</li><li>creating queries in phpmyadmin</li></ul><p><strong>Source code is included</strong> to get you started quickly. Examples and samples for both coding options.</p><p><strong>Everything you need in one place</strong>, connect to MySQL its easy and can bring your application to the next level.</p><p>Taught by an instructor with over 18 years of PHP development experience.</p><p>I’m here to help you learn more about PHP and ready to answer any questions you may have. Join now and start creating MySQL queries in your PHP code today.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn JavaScript for beginners | https://www.udemy.com/course/learn-javascript-course/ | Explore the fundamental concepts of JavaScript and how to being adding JavaScript to your web pages | <p><strong>JavaScript can make your web pages come to life.</strong> </p><p>JavaScript along with HTML and CSS are the 3 core languages of the internet. JavaScript makes things happen.</p><p>This course is designed for beginners who want to build a strong foundation for writing JavaScript code. Learn how JavaScript works and how to combine multiple statements together to make things happen online.</p><ul><li>Learn about <strong>variables</strong> and how they are used to hold values in coding.</li><li>Explore how to set values and update variable values with <strong>operators</strong></li><li>Add <strong>arrays </strong>to hold multiple values in one place</li><li>Work with<strong> objects </strong>for more options for value storage</li><li>Find out about the <strong>power of arrays</strong></li><li><strong>Functions</strong> provide even more programming capabilities</li><li>Save time with out of the box <strong>JavaScript methods</strong></li><li>Apply <strong>conditions</strong> and using <strong>switch statements</strong> execute code depending on the result</li><li>Save time use loops to perform code executions multiple times</li><li>Source code used within the course is also provided</li><li>Everything you need to learn JavaScript and more</li></ul><p>This course is taught by an instructor with over 18 years of JavaScript experience!</p><p>I’m here to help you learn more about JavaScript coding and ready to answer any questions you may have. You will be amazed at how easy it is to start writing JavaScript code. Get results<strong> see what you can do with JavaScript</strong> today.</p><p><br></p><p><strong></strong></p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Setup XAMPP run a local server web development | https://www.udemy.com/course/setup-xampp-local-server/ | Explore the options for setting and configuring your local web development environment. Easy local machine setup | <p><strong>Localhost made easy Web Developer Environment Setup</strong></p><p>XAMPP is the perfect tool to setup a web server locally. XAMPP is available across Windows, Linux and MAC, and best of all its free to use. Easy to setup and install Apache distribution containing MariaDB, PHP, and Perl that works on your own computer system with no internet connection required. Having a local web development environment is a great way to practice server side scripting, working with a MySQL database and also setup a staging environment completely separate from your live web applications.</p><p>XAMPP is a free and open source cross-platform web server solution stack package developed by Apache Friends, consisting mainly of the Apache HTTP Server, MariaDB database, and interpreters for scripts written in the PHP and Perl programming languages<br></p><p>Learn how to seutp and install XAMPP. </p><p>Find out more about creating multiple sub domains for multiple applications within your computer. Learn about how to work with PHPmyAdmin creating and updating database content. This course highlights all the amazing core features that XAMPP has to offer and provides example of customizing your work environment to be more productive.</p><p>If you are looking for a quick and easy solution to local server setup, check out XAMPP. Let us help you get started using XAMPP quickly and show you the benefits of having a local host on your computer. </p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| PHP in Action for beginners | https://www.udemy.com/course/php-course-for-beginners/ | Explore PHP learn about common PHP functionality for better coding. Quick review of PHP Getting to know PHP | <p><strong>Explore PHP learn about common PHP functionality for better coding.</strong><br></p><p>Basic understanding of PHP is a prerequeist to this course, it is designed for beignners with PHP understanding. The course covers common PHP coding questions in addition to useful code examples. </p><p>Review with examples of common PHP questions. Build upon the basics of PHP with this next steps course to help you learn more about what PHP can do and how you can create your own applications. <strong>Experience the power of PHP</strong></p><p>Explore PHP, within the course we demonstrate some of the most commonly used PHP code. Course centers around common mistakes that beginners make and useful functionality to help you code more productively.</p><p>This fast paced course includes all the source code used within the course, in addition to fully explained examples, and links to the top resources to get you coding quickly. Jump right and and start writing PHP code. The course is taught by a web developer with over 15 years of PHP coding experience. Find answers to common questions about PHP. Learn to write PHP for the real world!</p><ul><li>See PHP in action and explore different ways to output content into HTML for web users.</li><li>Discover the difference between echo and print and how to use them</li><li>Examples of different number types</li><li>Var dump for more information about variables</li><li>Common errors and how to debug them</li><li>Server variables, includes, deleting files and variables</li><li>Working with arrays</li><li>The power of string functions</li><li>Plus a whole lot more</li></ul><p>PHP is a perfect scripting language for beginners, learn how to use it and see it in action. Examples and script demonstrations to get you started quickly. </p><p>Learn more about PHP, I’m ready to answer any questions you may have. Start creating your own PHP applications today.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Beginners Guide to Learning PHP 5 | https://www.udemy.com/course/learn-php-for-beginners/ | Learn how to write PHP code. Beginners quick start guide to learning the foundations of PHP coding | <p><strong>Fast paced</strong> course <strong>perfect for beginners</strong> to learn the basics of writing PHP code. Learn about variables, loops, functions, conditional statements and a whole lot more. All the source code is included to get you <strong>started quickly</strong>.</p><p>Explore PHP coding learning the basic syntax used to write PHP applications. Find out more about PHP how it works and how it can be used to write applications.</p><p>This course is designed for beginners, it will walk you through learning the very basics of PHP coding. </p><ul><li>Learn about how to setup a PHP environment to prepare to write your first PHP code</li><li>How to apply comments within the source code</li><li>How to output PHP values for web users</li><li>Explore how variables work within PHP</li><li>What arrays are and how they can be used to hold value</li><li>See how operators can manipulate variables values and can be used to make your code dynamic</li><li>Discover the power of conditional statements</li><li>Learn how loops can be used and the different ways of setting up loops</li><li>Find out more about functions and how they can help write code better.</li></ul><p>Source code is included, as well as links to resources and information about setup of resources. This course will help you get started with PHP and by the end of the course you will be creating your own PHP applications.</p><p>The course covers all the fundamental core concepts needed to get started quickly with PHP. Learn and practice the code presented within the course to discovery what you can do with PHP. PHP is one of the most popular programming languages today. PHP is flexible and allows the developer an easy to learn programming language that can be very powerful.</p><p>PHP is everywhere and learning more about how to code using PHP is an in demand skill. I’m here to help you learn about PHP and ready to answer any questions you may have. Start coding PHP within minutes let me show you how.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Beginners Introduction to Web Development | https://www.udemy.com/course/explore-web-development/ | Overview about creating content online, how websites work and top resources to use to create web content | <p>I’ve complied common questions that I get often about web development. Perfect course for learning about web development or as a refresher course for anyone how create web content.</p><p><strong>This course is not designed to teach you coding but to give you a better overall understanding about how field of web development works. This is a beginners course that overviews how things work and explores top resources.</strong></p><p>With so many resources, terms technologies options to create online content this course is designed to tie it all together. Learn how to get started with web development, explorer top resources and find out more about how you can effectively create website and web content.</p><p>Learn how to setup Atomio on your computer to create web code. Learn about domains, browsers, source code, ip addresses, hosting, WordPress, Content systems, FTP, HTML, CSS, JavaScript, online playgrounds and more.</p><p>Do you have questions about getting started with web development, how things work or just want to learn more about what is involved with creating content online. Are you curious how it all works together?</p><p>This course answers your questions and gives you a starting point for creating content online. Fast paced course provides an overview and a sneak peak into what web development is all about.</p><p>Taught by an instructor with over 18 years of web development experience, this course is designed to provide answers and have it all in one place.</p><p>I’m here to help and ready to answer any questions you may have. <br></p> | | | | | | | | | | | | | | | | | | |
|---|
| AJAX connection to MySQL PHP API | https://www.udemy.com/course/ajax-api/ | Learn how you can create a simple database API which can be accessed from frontend code, updated and more | <p>The scope of the course stays focused to building the API interaction. It covers multiple technologies working together, and topics only in relation to the finished project.<br></p><p>Want to access your MySQL database using JavaScript? Let web visitors interact seamlessly with you MySQL database.<strong> Add new content, update existing content, and query the database to return results!</strong> Databases provide so much power to your web applications, why not use them more.</p><p>This unique course takes you through the steps of creating a simple web api to allow web visitors database interaction. Database is key to creating an amazing interactive dynamic experience for web users. It lets you do more!</p><p>This course will open the door for you to build our a lot of <strong>COOL STUFF! </strong>From the lessons of the course, you will be able to produce a wide range of uses for the code. <strong>Source code is included</strong> so you can practice along side the lessons, try it out for yourself and tweak it for your individual needs.</p><p>This course covers a lot of technologies and demonstrates them all working together to achieve the API objective. </p><p>JavaScript and an understanding of the<strong> Document Object Model</strong> is an important foundation before starting this course. We’ve designed the course to be fast paced step by step covering the essentials to build the web API. Please note that the course overviews core technology used only within the course to build the API. </p><p><strong>What you will learn</strong></p><ul><li>Basic <strong>HTML </strong>- setting up simple elements to access from JavaScript</li><li>Basic<strong> CSS</strong> – creating buttons</li><li><strong>jQuery</strong> – <strong>AJAX</strong>, Getting element values from a form, updating element inner HTML.</li><li><strong>JSON</strong> – How to send <strong>JSON </strong>objects and how to retrieve JSON data and use it as objects within JavaScript.</li><li><strong>PHP </strong>- How to get request variables, setup a mySQL database connection, looping of data, arrays, outputting content as JSON formatted.</li><li><strong>RegEx </strong>- Check values as numeric</li><li><strong>MySQL</strong> – Setup a database, connect to a database, <strong>phpmyadmin</strong> access, write queries to Update, select and insert data. Prevent SQL injection.</li><li>See it all working together and much more!</li></ul><p>By the end of the course you will have the knowledge on how to put it all together and create a simple API to interact with your database. Use this course as a starting point to limitless options with this fully functional and customizable code.</p><p>I’m here to help you learn about APIs and ready to answer any questions you may have. What are you waiting for<strong> enrol now </strong>and see what you can do!</p> | | | | | | | | | | | | | | | | | | |
|---|
| Rapid Website Design with Bootstrap | https://www.udemy.com/course/responsive-website-design/ | Learn how to use Bootstrap to apply classes to HTML pages for styling. Make responsive websites from scratch quickly | <p>Bootstrap helps you create webpages faster!</p><p>Connect the Bootstrap framework to your web projects, to access amazing classes that can easily be added to HTML pages to create styling. Bootstrap also provides a number of commonly used components that can also be added with classes and attributes into your web pages.</p><p>This course is designed to show you how to build your own custom website from scratch using Bootstrap as a framework. Bootstrap has you covered, it lets you take the repetitive styling work out of you web design projects and focus your time on the user experience.</p><p>This is a unique web project designed for beginners to learn more about how to make websites with Bootstrap. This course includes a step by step approach, beginning with a blank file and showing you how to build a website. </p><p>Source code is included so you can work alongside the lessons and create your own project.</p><ul><li>HD quality video</li><li>Learn how to add classes</li><li>build a navbar menu</li><li>add Google maps APi</li><li>create content sections</li><li>explore the Bootstrap Grid</li><li>useful jQuery components</li></ul><p>I’m here to help you learn Bootstrap and ready to answer any questions you may have. Enroll now and see what you can do with Bootstrap.<br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Bootstrap 4 Website Built from scratch in 1 hour | https://www.udemy.com/course/bootstrap-website-design/ | Explore how to Create amazing Fully Responsive websites from scratch step by step how to add Bootstrap to your webpages | <p><strong>Create your own Mobile Ready : Fully Responsive websites from Scratch!</strong></p><p>Rapid web development with Bootstrap starting from scratch with a blank web page. This course will show you how to take this blank file and create a website. Best of all once you become familiar with Bootstrap you can create websites like the one in the course in under 1 hour! Source code is included so you too can follow along with the course content and create a website upon completion of the course. </p><p>Learn why <strong>Bootstrap is so popular</strong>, guaranteed that once you start using Bootstrap you will love it!!!!<br></p><p>Single page websites are super popular, web visitors like to interact with the content and have it all presented in one place. Add in jQuery animation for scrolling making it fun for web visitors to interact and see more of your content! </p><p>This course covers Bootstrap 4 – overviews changes that are new from Bootstrap 3.</p><p>Explore what Bootstrap can do!!!!! Everything is included</p><ul><li>Links and resources are included</li><li>Create a Bootstrap template</li><li>Find out how to add a Navbar</li><li>Create sections within the page</li><li>Add backgrounds and colors</li><li>customise Bootstrap components</li><li>How to use Bootstrap Scrollspy </li><li>Add jQuery animation for scrolling</li><li>and much more…..</li></ul><p>I’m here to help you learn more about using Bootstrap and ready to answer any questions you may have.</p><p>By the end of the course you will be able to build your own custom website from scratch.</p><p>Enroll now and see what you can do with Bootstrap.</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Introduction to using Git | https://www.udemy.com/course/git-course/ | Learn more about using Git for source file storage and version control. Course features Git access with GUI and CLI | <p><strong>⇉ Join Over 275,000+</strong> Students Who Have Enrolled In My Udemy Courses This Year!</p><p><strong>⇉ 7,500+ Five Star Reviews </strong>on our courses prove Students Who Enrolling Are Getting Real Results!</p><p>Then this course is for you! <strong>Click “Take This Course Now”</strong> For Instant Life-Time Access!</p><p>——————————————–</p><p>Want to learn more about Git and how you can use it for your web projects, perfect introduction to learning to about git and how to get started with using Git.<br></p><p><strong>Git demonstrated</strong>, we show you how you can use GitHub and/or Bitbucket for storage, using git to control syncing between online and offline source code. Learn how you can work with git using applications like SourceTree and Github desktop. Explore git flow and using branching for version control. Once you see how easy it can be to use Git in clients jump into using Git from the command line. </p><p>Git is a version control system used for web development. Did you know that git can be a useful tool for teams of all sizes from 1 – many?</p><p><strong>Step by Step guide to introduce new users to git! </strong> Learn how you can create repos, add files to repos, easily create new branches or versions of you code, pull and push source files to online git storage and a whole lot more.</p><p>Are you curious what Git can do….. I promise you if you are not using it you should be! </p><p>If you are working on web development projects Git can help you!</p><ul><li>Git allows web developers to store content to online repositories like GitHub or Bitbucket. </li><li>Git can be used locally as well to create branches, compare versions and more.</li><li>Git is easy to use allowing you to work smarter</li></ul><p>This course is perfect for anyone who wants to learn more about Git. Its designed as a light introduction to how git works so that you can easily bring it into your web projects. Once you start using Git you will wonder how you lived without it.</p><p>The course is designed to cover 2 ways to use Git. </p><p>1. Using git through a Git client application like SourceTree and other popular clients. Git clients give you access to all the Git has to offer with usable graphic interfaces. This part of the course is designed around users who want to know about git but don’t want to use command lines to access it.</p><p>2. Git is easy to access via a terminal and command lines. Add files, create branches, pull and push content to your online repos all made easy with simple git commands. Take charge of your web project and use git commands. Command line section of this course is great for anyone who wants to get introduced to using Commands.</p><p>Git is powerful no matter how you bring it into your projects, and by the end of the course you can decide which way you want to access Git. Learn the basics of Git and work smarter. </p><p>I’m here to help you learn about web development and ready to answer any questions you may have. Enroll now and Learn Git today!</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Get to know HTML Learn HTML Basics | https://www.udemy.com/course/html-online-course/ | Step by Step introduction to HTML Explore HTML coding and how you can get started creating your own Web Content pages | <p>HTML is the foundation of the internet. Learning how to create HTML code is the starting point to creating your own web pages and creating HTML formatted web content. </p><p>Simple and comprehensive guide dedicated to helping beginners who want to learn HTML and how to use it. This course walks you through all common elements of HTML outlining front-end web design and web development.<br></p><p>This course is perfect for beginners to web page creation. <strong>Learn to create HTML code from scratch. </strong></p><p>Step in the course and you will find that HTML is easy to get started with we provide all the resources and links you need. Everything is included to get you started quickly.</p><ul><li>Explore HTML Tags see what they can do</li><li>Learn the fundamentals of HTML</li><li>See how HTML elements can be used to structure and design your web page</li><li>Get to Know HTML</li><li>Learn how to create tables, lists, forms, and more</li><li>create your own reusable HTML template</li><li>learn whats new with HTML5</li><li>HTML5 for modern web design</li><li>Add images and links to your web content</li></ul><p>This course will teach you how to create and develop web pages.</p><p>I’m here to help you learn and ready to answer any questions you may have. When you are ready join now and start learning to create your own websites.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Shopping Cart Website from Scratch Ecommerce | https://www.udemy.com/course/shopping-cart/ | How to build a fully functional web storage shopping cart that integrates with Paypal. Step by step instruction webdev | <p>This course will introduce<strong> HOW YOU can build </strong>a custom front-end coded shopping cart from scratch. Users will be able to add items from multiple pages into a shopping cart. Users will also have a shopping cart that has a checkout button to purchase shopping cart items using Paypal. You will be amazed at how easy this is to setup and get going on your website. This is by far one of the most asked for and discussed types of projects that web developers create. Learn to create a simple eCommerce system using HTML, and jQuery. Course also covers using Bootstrap to build the website but Bootstrap is not a required part for the functionality of the code. </p><p>HTML – Using HTML for page structure you can setup products on multiple different web pages. Once you visitors click the button links on the product the item information gets added to a shopping cart. Checkout anytime or browse more products updating the shopping cart. This is a simple but useful solution for anyone who wants a simple shopping experience for visitors to HTML web pages. </p><p>CSS – Bootstrap is used within the course to apply styling and structure to the website. Bootstrap is used for rapid web development so we can focus more on the mechanics of the application and how it works. Some CSS will be covered but in limited capacity within the course.</p><p>JavaScript / jQuery – Some limited JavaScript is used but course content and coding is mainly based around jQuery. jQuery provides an easy way to add event listeners and work with JSON data. </p><p>PayPal – Purchases from the shopping cart can be made via Paypal. the course will show you how to JSON format your shopping cart items, and extract out the object information. This format can be utilized in other for other payment processors as well. Checkout within the course is formatted with a one click option to pay via Paypal. </p><p>Step by step learning with explanations of code being used to build functionality within the shopping cart. Some HTML and JavaScript experience is necessary as this is a fast paced course covering specific topics related to the creation of the shopping cart. </p><p>I’m here to help you learn to build projects with HTML and jQuery and ready to answer any questions you may have. Are you ready to take the first step and start learning how to create your own eCommerce website from scratch? Join now and see what you can create.<br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Bootstrap Migrating from previous versions | https://www.udemy.com/course/new-bootstrap/ | Guide to understanding upcoming changes with Bootstrap 4 and how to upgrade Bootstrap 3 | <p>Bootstrap is the <strong>most popular </strong>HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web. Bootstrap provides the ability to rapidly create <strong>modern websites</strong> that are <strong>fully responsive.</strong></p><p>With the announcement of Bootstrap 4 many websites potentially will need to be updated. In addition building current Bootstrap sites should be made compatible with Bootstrap 4. Many students have asked me what they need to do in order to get ready for the new version of Bootstrap. This course covers what you need to know for migrating and creating Bootstrap 4 ready websites.</p><ul><li>Explore whats new with Bootstrap 4</li><li>See comparison between Bootstrap 3 vs Bootstrap 4 code for the most popular and commonly used classes.</li><li>Find out whats changed and what to expect</li><li>Learn about the difference and the new way of thinking about Bootstrap 4 web development</li><li>We show you whats changed, whats been improved and whats new</li><li>Images and responsive images have changed</li><li>Tables have new classes for even more</li><li>Wells, panels and Thumbnails are gone replaced with Cards see how they compare</li><li>Navs and navbars find out why Bootstrap 4 is better and more colorful</li><li>Watch how to transform a navbar coded in Bootstrap 3 to Bootstrap 4</li></ul><p>Using Bootstrap has never been easier and it just makes sense. I’m here to help you learn how to use Bootstrap and ready to answer any questions you may have.</p><p>Are you ready for Bootstrap 4, join the course and learn about it.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn jQuery AJAX in 1 hour | https://www.udemy.com/course/jquery-ajax-course/ | Guide to getting started with AJAX use jQuery to make seamless connections to external data sources and APIs | <p>AJAX can load data from external files and into JavaScript seamlessly without page reloads. jQuery makes working with AJAX easy, providing powerful methods for AJAX calls. AJAX is an essential skill for modern web development. </p><p>AJAX (Asynchronous JavaScript and XML) <br></p><p>With AJAX, web applications can send data to and retrieve data from a server all in the background. AJAX allows for web pages to change content dynamically.</p><p>Load content from external files, load JSON data and use the data within JavaScript. </p><p>JavaScript is used to bring these technologies together to create amazing user experiences, with JSON data and the web elements. jQuery is ideal for making AJAX calls by simplifying the code and making it easier create.<br></p><p>This course is designed to get you started quickly…</p><ul><li>step by step training</li><li>source code included try it for yourself</li><li>resources and top links</li><li>everything you need to bring AJAX into your web applications</li><li>from an instructor with over 18 years of web development experience</li><li>explore JSON data within web APIs</li></ul><p>AJAX is an essential skill to have, learning how to use AJAX will bring your web applications to the next level.</p><p>I’m here to help you learn about AJAX and ready to answer any questions you may have.</p><p>Get started with AJAX now and see what you can do.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn JSON with JavaScript Objects and APIs in 1 hour | https://www.udemy.com/course/json-course/ | Guide to learning how to use JavaScript Objects and create and use JSON as a JavaScript Object | <p><strong>JSON is the most popular </strong>format for <strong>data exchange</strong> between applications. If you are interested in connected to a web API chances are its JSON formatted. </p><p><strong>Explore how JSON works </strong>and how to access the data contained within the JSON output. This course shows you how to work with JSON formatted data, output content, loop JSON data, Parse JSON and a whole lot more.</p><p><strong>JSON (JavaScript Object Notation)</strong> is a syntax for data. JSON is easier to use than XML and human readable. Most modern web APIs output data in JSON formats. </p>Within this course you will learn<br><ul><li>What JavaScript objects are and how to create them</li><li>How <strong>JavaScript objects</strong> can use Arrays to hold multiple items</li><li>How <strong>JavaScript arrays</strong> work and store data</li><li>See how data can be extracted out</li><li>Explore different methods of working with the JSON data stringify and parsing</li><li>Store and retrieve JSON data from storage</li><li>Use <strong>AJAX</strong> to retrieve external JSON data for use within JavaScript</li><li>Connect to <strong>various web APIs </strong>and output the response data into your web pages</li><li>All of the <strong>source code</strong> and<strong> resources </strong>are in <strong>included</strong></li><li><strong>Get started with JSON quickly </strong></li></ul><p>Understanding the basics of JavaScript and how to create websites is a prerequisites to this course. It covers working within JavaScript code to produce dynamic functionality.</p><p>For an instructor with over 18 years of real world web development experience. Learning how to work with JSON is a key skill within modern web development. <strong> JSON and APIs are everywhere</strong>, once you start working with them you will be amazed at what can be done with a few lines of code.</p><p>I’m here to help you <strong>learn about JSON</strong> and ready to answer any questions you may have. Join now and bring some JSON data into you web applications today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn JavaScript AJAX in 1 hour | https://www.udemy.com/course/learn-javascript-ajax/ | Guide to Dynamic JavaScript send and receive data from external files. No page reload create JavaScript Objects JSON | <p><strong>Do you want to create a better user experience within your web content?</strong></p><p>Learn how to create AJAX calls with JavaScript. Just JavaScript <strong>power up with AJAX</strong></p><p>AJAX is for you, its perfect for creating seamless interactions between your JavaScript web browser and external files. Great for server connections.</p><p><strong>Be ready to be amazed!</strong></p><p>AJAX can get data from external files and load them into your JavaScript without reloading the web page. <strong> No page reloads!</strong></p><p>AJAX can send data to a server and receive callback data to use within your JavaScript logic</p><p>AJAX is perfect for JSON data, works well connecting the server content to web content.</p><p>This course is designed to deliver a step by step learning experience so that you can learn AJAX quickly. Get started with your own web applications learn AJAX and take your content to the next level.</p><p>Learn about</p><ul><li>Getting external file content</li><li>Posting content to a server</li><li>Using JSON data parsing and outputting to your HTML elements</li></ul><p>Knowing how to use AJAX can set you apart, and understanding AJAX is the key to better user experience. I’m here to help you learn AJAX and ready to answer any questions you may have. </p><p>By the end of the course you will have the skills and resources needed to make your own AJAX calls.</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| AJAX JSON JavaScript Dynamic and Interactive Web Content | https://www.udemy.com/course/ajax-course/ | Learn how to use AJAX to send data to your web server and get response data back to output in your web application | <p>AJAX JSON setup with JavaScript start coding</p><p>AJAX JSON JavaScript Dynamic and Interactive Web Content</p><p>Learn how to use AJAX to send data to your web server and get response data back to output in your web application. Explore JavaScript code to connect to web APIs and retrieve JSON data back to your web pages outputting the data into your web page. Dynamically</p><ul><li><p>what is JSON and how it works</p></li><li><p>How your web browser can make server http requests using AJAX</p></li><li><p>AJAX and what technologies make up AJAX</p></li><li><p>How you can use JavaScript to update the DOM elements</p></li><li><p>Manipulate Elements on your webpage creating, updating and styling page elements dynamically with code.</p></li><li><p>Interactive web pages – adding event listeners and setting up page interactions</p></li><li><p>JSON data and JavaScript Objects, arrays and datatypes</p></li><li><p>Output and iteration of JSON data</p></li><li><p>Using JavaScript Objects within web page content</p></li><li><p>Creating interactive AJAX content</p></li><li><p>Example of popular web APIs that you can connect too</p></li></ul><p><br></p><p>Create <strong>amazing interactive dynamic applications</strong> that can synchronise data between your database and your front end html code. </p><p><strong>The content within this course is Unique </strong>which you won’t find anywhere else. We show you how to build a custom project within this course that connect HTML interactions with Database content.</p><p><strong>Prerequisites for this course : </strong>Basic Coding knowledge, HTML, JavaScript (DOM) and jQuery. This is a fast paced course around making front end connections to back end code.</p><p>The course is focused around creating AJAX calls with JavaScript code. Please note the below topics are covered.</p><ul><li><p>JavaScript Objects</p></li><li><p>JSON</p></li><li><p>AJAX GET and POST in JavaScript</p></li><li><p>AJAX get(), getJSON(), post(), ajax() in jQuery</p></li><li><p>MySQL and phpmyadmin connections and queries to perform SELECT, DELETE, UPDATE, INSERT</p></li><li><p>PHP to connect to a database, conditional statements, variables</p></li><li><p>CSS to create form content styling</p></li></ul><p><strong>JSON and AJAX together</strong> provide web developers incredible opportunities to integrate external data seamlessly into web applications. <br></p><p><strong>JSON is and excellent</strong> format for data, its human readable and flexible enough to be converted from strings to usable JavaScript objects .</p><p><strong>AJAX is the perfect </strong>solution for creating connections between data and web user interactions. You can upload your web page with reloading the page, providing a seamless experience for your web visitors. AJAX gives you the ability to request and receive data from servers and external files. All of this is done after your web page loads and the content is already visible to the web users. You can also use AJAX to send data to a server.</p><p>Taking data from the front end sending it to the server opens the door to <strong>unlimited opportunities</strong> to connect that data to databases and a whole lot more.</p><p>This course provides a <strong>step by step guide</strong> for getting to know JSON and AJAX. Combing these together can help you develop<strong> better user experiences</strong> and more opportunities for data manipulation within your <strong>JavaScript code</strong>. </p><p><strong>Provided within the course</strong></p><ul><li><p>code samples and examples</p></li><li><p>Resource used within this course so you too can follow along</p></li><li><p>Source Code and challenge exercises</p></li><li><p>HD quality video</p></li><li><p>Professional instructor with over 18 years of industry experience</p></li><li><p>everything you need is included</p></li></ul><p>Learn the basics of <strong>JavaScript objects</strong>, how they work within your code. Expand on the object with object arrays and multi-objects arrays. Loop through the objects and parse out JSON data.</p><p><strong>Explore how you can use AJAX </strong>to retrieve external content, including database content, html web files, and JSON data. Adding <strong>AJAX to web applications creates endless possibilities</strong>. This course also includes multiple ways to connect from JavaScript methods to jQuery.</p><p>See how your can <strong>connect PHP </strong>code to <strong>supercharge your web applications</strong>. Insert data into your database, update a database, and delete content from a database all from the front-end via AJAX.</p><p>AJAX is in demand, and learning how to utilise AJAX together with JSON and PHP will set you apart. I’m here to help you learn and ready to answer any questions you may have.</p><p><br></p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Getting Started with HTML Learn HTML | https://www.udemy.com/course/learn-html-course/ | Step by Step guide to learning HTML for everyone. Learn the core foundation to writing HTML code for Modern websites | <p>HyperText Markup Language (HTML) is the standard markup language for creating web pages and web applications. <strong>Learning how to write HTML code is essential to anyone who wants to create online content</strong> and the starting point for web page creation. CSS and JavaScript rely on HTML structure in order to provide styling and interactivity within web pages.</p><p><strong>HTML is the fabric of the web, all online content is built upon HTML</strong>. Once you start learning about HTML you will be amazed at how easy it is to write and how quickly you too will be able to build web pages.</p><p><strong>HTML elements are the building blocks of HTML pages</strong>. This course will introduce you to the<strong> core fundamentals of HTML</strong> elements and show you how to use them to create web pages. Learning how to use HTML opens the door for so much more. </p><p><strong>Explore how you can create HTML</strong> to create structured documents using structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. Create website content for modern web design, build HTML to be ready for the real world.</p><ul><li>Learn to build a web content from scratch</li><li>See the tools and resources used to create HTML files</li><li>learn HTML how it works with CSS</li><li>Source code is provided so you can use and tweak as needed</li><li>HTML in the real world presented by an instructor with over 15 years experience in web development. </li></ul><p>I am here to <strong>help you learn about HTML</strong>. I’m ready to answer any questions you may have.</p><p>Nothing to lose, there is a 100% Money Back if you don’t like it. <strong>This course is the perfect starting point to getting started with HTML.</strong></p><p>Want to know more, what are you waiting for take the first step. <strong>Join now</strong> to start learning to create web content today.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| The Bootstrap for Rapid Web Development Course Alpha Ver | https://www.udemy.com/course/learn-bootstrap-course/ | Learn Bootstrap and how to apply Bootstrap to create amazing responsive ready websites quickly and easily | <p><strong></strong></p><p><strong>The version used in this course is <strong>Bootstrap 4.0.0-alpha.4</strong> please note that unless you are using the same version much like any application some of the content may not be reflected in the Beta version.</strong></p><p><strong>⇉ Join Over 275,000+</strong> Students Who Have Enrolled In My Udemy Courses This Year!</p><p><strong>⇉ 7,500+ Five Star Reviews </strong>on our courses prove Students Who Enrolling Are Getting Real Results!</p><p>Then this course is for you! <strong>Click “Take This Course Now”</strong> For Instant Life-Time Access!</p><p><strong>———————————————————————————</strong></p><p><strong>Course Description</strong></p><p>Are you ready to become a Web Developer and enjoy a fascinating high paying career?</p><p>Or maybe you just want to learn additional tips and techniques taking to a whole new level?</p><p><strong>Welcome to Learning Bootstrap</strong></p><p>With over 5 hours of HD Quality content learn the fundamentals of bootstrap and how you can apply Bootstrap to your own projects.</p><p><em>It’s our most current, in-depth and exciting coding course on Bootstrap.</em></p><p>We have designed the course especially for beginners and intermediate level students -no matter where you are in your web site development and coding journey—It is for sure that the future belongs to web developers who know how to code real world responsive websites built on Bootstrap framework. Completely hands-on tutorials with practice task is nearly guaranteed to get you a solid career with the industry. We also use state-of-the-art editors that are easy to learn and use.</p><p>You will find several practice tasks before we actually begin the coding process – essentially following the <strong>flipped classroom model!</strong></p><p><strong>We’ve left no stone unturned.</strong></p><p>We guarantee, this is THE most complete and thorough, as well as up-to-date coding course available ANYWHERE on the market—or your money back. We walk you through how to build websites using Bootstrap. Step by step training with source code included.</p><p>This is for sure that you will find everything you need to get up and coding—fast.</p><p><em>See what our students say “It is such a comprehensive course that I don’t need to take any other course but this one to learn all the skills to become a web developer, and I would without a doubt recommend it to anyone looking for a complete web developing course.”</em> -Chris Portman</p><p>Jump right in and start learning to create your own Bootstrap websites today.<br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Building Websites Create a fully functional Web contact form | https://www.udemy.com/course/how-to-create-a-fully-functional-web-contact-form/ | Step by step guide on how to create a submit-able web form scratch using HTML CSS jQuery Bootstrap and PHP | <p>Web forms are a crucial communication format between your website visitors and you. This course will show you how to build one from scratch! Create a fully functional dynamic web contact form that can be used on any website to collect messages from visitors. Lets your web visitors send you email messages. This form comes complete with several layers of security checks to ensure spam and unwanted emails are not valid. </p><p>Form is HTML5 so depending on the input type HTML5 will check for validity.</p><p>Security question that get dynamically generated and needs to be filled out correctly before the form contents get sent to your email address</p><p>jQuery layer of form field input checks, to ensure all fields have values</p><p>PHP back end form Post checks, to ensure all fields have correct content and data can be sent to a selected email address. Also stores values on error so that the visitors don’t have to re-enter the values.</p><p>Step by step training introducing all the core concepts and development steps to produce a web contact form. Source code is included so that you can follow along and try it out for yourself.</p><p>The course covers multiple approaches to form development, and the code is flexible enough to be updated and used for a more specific projects. </p><ul><li>HTML – used to setup the form structure </li><li>CSS – used at a basic level to create limited styling</li><li>Bootstrap – used to help style the form container</li><li>jQuery – selecting elements, and looping values </li><li>PHP – used to collect posted values, set variables, and send mail function.</li></ul><p>See how all these languages can work together to create a complete project</p><p>This course is perfect for anyone who wants to learn about setting up a contact form on a website. Everything is included, from an instructor with over 18 years of web development experience. </p><p>I’m ready to answer any questions you may have, and here to help you learn about web development.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Building Websites Learn Bootstrap for Rapid Web Development | https://www.udemy.com/course/getting-to-know-bootstrap-for-rapid-web-development/ | Learn how to add Bootstrap classes to create amazing Bootstrap effects responsive web projects and rapid modern websites | <p>Explore why Bootstrap is the most popular Front end framework being used online today. Bootstrap helps you create amazing fully responsive websites quickly.</p><p>Bootstrap is a free and open-source front-end web framework for designing websites and web applications. This course will help you learn to use Bootstrap within your web projects for more rapid development. Explorer how you can use CSS classes, within your HTML to bring Bootstrap functionality.</p><p>Learn about adding Bootstrap typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions to your web projects. Bootstrap is all about front-end development only and it delivers. <br></p><p>Bootstrap is designed for everyone, everywhere. Once you start using it you will see why its the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Bootstrap makes front-end web development faster and easier. </p><p>Bootstrap is ready for all skill levels and ready for anyone. Your websites and projects of all sizes will work across multiple screens sizes perfectly with Bootstrap</p><p><strong>This course has what you need to learn about Bootstrap. Get to know Bootstrap</strong></p><ul><li>HD quality Videos</li><li>Instructor with over 18 years Real world experience</li><li>Top links and Resources</li><li>Source Code included</li><li>and much more</li></ul><p>I’m ready to help you learn about Bootstrap, and happy to answer any questions you may have. Want to know more about Bootstrap, join the course and start seeing what you can do with Bootstrap.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Introduction to jQuery Web Development | https://www.udemy.com/course/web-development-introduction-to-jquery/ | Explore how you can easily add advanced functionality to your web projects by adding jQuery. JQuery for web development | <p><strong>jQuery</strong> is easy to add to your websites and can provide really powerful <strong>advanced functionality. </strong> </p><p>Learn how to make your web content dynamic. jQuery is perfect for connecting your HTML elements with script. Let your HTML come to life, change the content that is displayed using jQuery. It brings life into boring old static HTML pages, and makes them dynamic. Access all of your page elements and let you imagination guide you as to what you want to happen. Users are expecting more, and within this course we show you how you can deliver using jQuery.</p><p>Bring data into your webpages dynamically and use that data to create better user experiences. Customise the user experience as you use data to make HTML dynamic. No page reloads, it updates your page content. Making AJAX calls easy, bring in data and use it in your code. One of the easiest ways to create AJAX calls is with jQuery. This course shows you the options for retrieving external file data and pulling it into your code to use within your web pages.</p><p>jQuery also makes animations of HTML elements easy, with just a few lines of code that can move and create awesome effects on any HTML element. You won’t believe how easy it is to create amazing effects with jQuery. This course covers, hide/show, fading, sliding effects and animate. </p><p>Learn to select your HTML elements and let jQuery make them shine. This course covers everything you need to know to get started with jQuery.</p><ul><li>Step by step learning</li><li>HD quality videos</li><li>Source code included</li><li>Top resources and tips for using jQuery</li><li>Professional instruction from an instructor with over 18 years experience.</li></ul><p>Let jQuery simplify the process of adding advanced functionality to your web pages.<br></p><p><strong>Explorer how jQuery works</strong></p><ul><li>See how to add dynamic functionality to your page elements</li><li>Learn about updating HTML content</li><li>Use events to create user interaction</li><li>Traverse the HTML content to better select desired elements</li><li>Create animations and cool effects</li><li>Discover how to load data into your webpage via AJAX calls </li></ul><p>I’m here to help you learn how to use jQuery, and ready to answer any questions you may have. </p><p>jQuery is in demand used across many of the top websites today. Learning to use jQuery can set you apart. Want to know more, join now to start learning about jQuery today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Building Websites JavaScript and the DOM | https://www.udemy.com/course/building-websites-learn-javascript-and-the-dom/ | Learn how to create interactive, dynamic effects on your website with JavaScript using the DOM | <p>JavaScript HTML and CSS are the three core foundations for any website. Learn to use JavaScript, and make some your web visitors happy. Adding JavaScript will allow you to create more interactive and more incredible dynamic web content.</p><p>JavaScript is super popular and used by most modern websites to create a better user experiences. Its easy to get started with JavaScript as you don’t need any special programs, its runs within your web browser. JavaScript is designed for performing dynamic tasks within your web pages.</p><p>This course has everything you need to start creating your own JavaScript code. This is a step by step guide explaining how and why JavaScript is used. Learn the code fundamental concepts of JavaScript and how it can be used in connection to your HTML.</p><p><strong>Explore what you can do with JavaScript!</strong></p><ul><li>This course covers </li><li>JavaScript Variables</li><li>Arrays and Objects</li><li>working with Arrays</li><li>Functions and how to use them</li><li>Conditional statements</li><li>Learning about the Document Object Model</li><li>Connect JavaScript to your HTML webpage</li><li>Selecting elements</li><li>Updating CSS via JavaScript</li><li>Events and listeners</li><li>Making your webpage interactive</li></ul><p><strong>This course has what you need to learn about JavaScript. Get to know JavaScript</strong><br></p><ul><li>HD quality Videos</li><li>Instructor with over 18 years Real world experience</li><li>Top links and Resources</li><li>Source Code included</li><li>and much more</li></ul><p><strong>JavaScript is in demand</strong> and learning JavaScript can set you apart. See what JavaScript can do, start creating your own code today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Web Development Building Websites Web Design HTML and CSS | https://www.udemy.com/course/building-websites-web-design-html-and-css/ | Step by step guide for getting started with using HTML and CSS for building websites. | <p>HTML and CSS are the core building blocks of the internet and make up what you see online everyday.</p><p>This course is designed to introduce you to <strong>modern web design </strong>with a focus on real world everyday <strong>web development skills</strong>. Let us show you where to start and how to create websites.</p><p>This course has the answers to anyone who wants to learn to make websites, with a practical real world approach to teaching website development. Just knowing syntax alone is not enough, you need to know how to put it all together. People are always asking me what do I need to know to create websites, and this course contains everything you need. Step by step training demonstrating most commonly used syntax. </p><p>Out approach is different, learn to think like a web developer. Web development broken down into not only HTML syntax but how to think about your HTML as you create it, to better prepare for styling. Saves you time so that you can create you HTML and then move on to CSS making the website come to life. </p><p>CSS is were you can let your creativity flow, transform your HTML code into a beautiful website. Learn how to use CSS in a modern approach, learning which properties are most commonly used and why.</p><p>Learn how to make your website responsive, adding different breakpoints to ensure your website is accessibility and consumable from any size device.</p><ul><li>Full HD quality videos</li><li>HTML and CSS top resources</li><li>Web development links</li><li>Step by step instruction</li><li>Professional training from an instructor with over 18 years experience</li><li>Modern web design and modern approach to web development</li><li>Source Files are included</li></ul><p>I’m here to help you learn about web development, and ready to answer any questions you may have.</p><p>You will be amazed are at how easy it can be to learn HTML and CSS. Start creating website today!<br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Website development HTML CSS creating a single page website | https://www.udemy.com/course/learn-html-css-creating-a-single-page-website/ | Explorer how websites are made. Learn about creating your own website from scratch using HTML CSS and jQuery | <p><strong>Explore how modern single page websites are made.</strong></p><p>Learn about using HTML, CSS and jQuery together to develop a website from scratch. Build a single page website within this course, everything is included. Straight forward real world web design training form an instructor with over 16 years of web development experience.</p><p>Building websites is easier than you think. This course will take you step by step about website building, teaching you the core concepts on how to design and develop a website completely from scratch. <br></p><p>Web design plan in 5 easy steps.</p><ol><li>Plan the design of what you want your site to look like</li><li>add HTML creating the structure</li><li>add CSS make it look great and responsive</li><li>make it dynamic with jQuery</li><li>tweak and update as needed.</li></ol><p>Everything is included to get you started quickly. Top resources, source code and links to applications used within the course. HD quality video. </p><ul><li>experience how to build a website from start to finish</li><li>find out about resources used within this course</li><li>learn how to wire-frame and create a website outline</li><li>familiarise yourself with how to setup HTML to prepare for styling</li><li>explore options for development with dummy data and placeholder images</li><li>Basic of CSS for your template</li><li>create a sticky footer </li><li>learn how to create and add a navigation bar</li><li>Background explained, how to cover sections with backgrounds</li><li>How to tweak the CSS</li><li>Learn how to make it dynamic and interactive</li><li>Animate the scroll process </li><li>Google fonts, social icons and more</li></ul><p>I’m here to help you learn how to make websites, and ready to answer any questions you may have. Let’s being creating a single page website from scratch!</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Web Design Creating websites from scratch | https://www.udemy.com/course/web-design-creating-websites-from-scratch/ | Explore how to build websites using HTML, CSS and jQuery. Step by step guide to how websites are built from scratch | <p>Everything you need to know to build a website from scratch.</p><p>Learn how to use HTML and CSS to make websites from scratch. This course covers the fundamentals on how to use HTML and CSS together to build websites. </p><p><strong>Learn how to identify different core containers within your web design and then build your HTML code prepping it for styling.</strong><br></p><p>Start by planning your website, what do you want it to look like. This is the guide to develop your HTML coding by using this blueprint to build the HTML structure. Use HTML to create the initial website structure. </p><p>Apply CSS to customise the way the website is rendered in visitors browsers. Explore CSS and how to style your website. Add placeholder content and images to get the feel of you websites. Build out a navigation menu, style your navbar. Create content sections, style them in modern website styling. Add styling to your headers and footers to make them stand out. Setup you content area separate your content sections, including setting up a sidebar. Improve your website, with special tweaks and updates fine tuning your source code. Then use CSS to make it responsive!</p><p>Add jQuery to dynamic added functionality. Adding event triggers and customised interactions. Detect current URL and set the active class on your navbar.</p><ul><li>Source Code is included</li><li>Top Resources and links used to create websites</li><li>HD quality video</li><li>Step by step instruction</li><li>taught by an instructor with over 16 years industry experience </li><li>quick forum response </li><li>ready to answer any questions you may have</li></ul><p>Develop a solid foundation in web development, this course is designed to get you creating your own websites. Explore how to make websites.</p><p>Upon successful completion of this course students will have a solid foundation in the core principles of web design and web development. <br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Web Development Make a Single Page Website Carousel controls | https://www.udemy.com/course/web-design-make-a-single-page-website-carousel-controls/ | Create your own custom website HTML CSS and jQuery together step by step learning website creation | <p>Introduction to designing and building a Single Page responsive website from scratch. </p><p>Within the course students will be introduced to planning and designing websites. Learn how to write HTML and CSS code to create a website. Learn about text formatting, graphics, and making functional HTML structure.</p><p>Staring with a design concept, from an image carousel, create a modern website that has a floating indicator menu which can automatically animate the scroll process, scrolling the web visitor to the correct section on the page.</p><p>This course is perfect for those new to web design and also those who want to expand their portfolio by building unique different types of websites. Everything you need to know from concept to completed site is provided within this course. By the end of the course you too will be able to make a website just like the one within the course.</p><ul><li>Understand where to start with web design </li><li>HTML CSS jQuery</li><li>Wire-frames placeholder text</li><li>Learn how to recognise different web page containers, and how to build your HTML to be CSS ready</li><li>Learn about writing HTML code</li><li>Incorporate web design principles</li><li>Enhance your website using text formatting, colors, and styling</li><li>format your HTML elements with CSS</li><li>Plan design and build a single page responsive website</li><li>Create dynamic effects and animate your scroll</li><li>Add jQuery to supercharge your website and make it interactive</li><li>Learn how HTML CSS and jQuery work together</li></ul><p>Everything you need to create a website is included within this course. This course is focused around web design and will be mainly CSS based. HTML is used to structure the pages using common HTML tagging. jQuery is introduced for dynamic functionality. Concepts within jQuery include event handlers, variables, objects and conditional statements. Course will cover linking HTML and CSS to the jQuery methods discussed within the course.</p><p>included within this course</p><ul><li>HD quality video</li><li>Source Code</li><li>Examples</li><li>Top resources</li></ul><p>I’m here to help you learn about web design and ready to answer any questions you may have.</p><p>Upon successful completion of this course students will have a solid foundation in the core principles of web design and web development. </p> | | | | | | | | | | | | | | | | | | |
|---|
| Website Development Build single Page Website Parallax site | https://www.udemy.com/course/website-design-build-a-single-page-website-parallax-site/ | Step by step guide to building a modern single page website from scratch | <p>Do you want to build your web portfolio and expand your knowledge of web design?</p><p>Recently trending web design concept of parallax involves the background moving at a different rate to the foreground content. This creates an interesting effect as the visitor scroll down the website.</p><p>Within this course we introduce the concept of web design for modern websites. Creating an HTML frame, adding CSS styling and then applying dynamic interaction via jQuery.</p><p>This course is perfect for anyone who wants to learn about web design and how to create modern custom websites from scratch. Everything you need is included within this course. Learn how it all fits together within this unique project based learning course. </p><p>Build a real web project and add cool animation effects. This course is designed to teach you step by step what each line of code does, how and where to apply the code to get the desired results.</p><ul><li>This course provides everything you need to get started with web design. </li><li>Project introduction and planning</li><li>Step by Step learning about web design</li><li>HTML page structuring designing your website template</li><li>Creating proper structure to prepare for CSS</li><li>Applying CSS to styling you website</li><li>Creating effects within your website</li><li>Adding jQuery for dynamic interactive content</li><li>Adding animations to scroll</li><li>using jQuery to check viewer scroll location to create active navbar</li><li>Tweaking and updating CSS</li></ul><p><strong>What you get</strong></p><ul><li>Step by step learning</li><li>Source Code is included</li><li>Top resources provided</li><li>Work alongside lessons</li><li>HD quality video</li><li>Professional experienced instructor</li></ul><p>This course covers web design with an introduction to using jQuery for advanced web functionality.<br>By the end of the course you will have the skills and know how to make a website.<br>I am here to help you learn how to create your own websites and ready to answer any questions you may have.<br>Want to know more, what are you waiting for take the first step. Join now to start learning how you too can create websites today.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Web Design How to Create a Website HTML CSS Bootstrap | https://www.udemy.com/course/how-to-create-a-website-html-css-bootstrap/ | Complete guide to learning how to build an HTML CSS website that is fully Responsive and ready for mobile devices | <p><strong>Learn how to build a modern fully responsive website from scratch!</strong></p><p>Step by step training including everything you need to create a website from scratch. By the end of this course you will have the resources and understanding to create websites adding CSS to HTML. </p><p>Modern websites are ready for any size device including mobile phones, tablets, and desktops. This course will show you how to create websites that are modern and responsive.</p><p>This course has everything you need to start</p><ul><li>including source code</li><li>top resources</li><li>step by step training</li><li>full HD videos</li><li>wire-frame and web design planning</li><li>full portfolio project from start to finish</li><li>how to add Bootstrap for rapid web development</li></ul><p>Learn how to create website structure with HTML and prepare to add styling. Use CSS to make your website come to life. Then make it responsive! </p><p>I’m here to help you learn how to make websites and ready to answer any questions you may have. Discover the freedom of creating and styling websites from scratch. Are you ready, let’s begin learning how to make a website from scratch.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| WordPress Plugins and Widgets | https://www.udemy.com/course/wordpress-plugins-and-widgets/ | Guide to using WordPress How Plugins and Widgets work and which ones are most commonly used. | <p>Once you get your WordPress website setup and running you can then look at all the 40000 plus options that are available to improve your WordPress.</p><p>Plugins and Widgets allow you to customize and add more power to your WordPress website.</p><h4><strong>Plugins</strong></h4><p>Plugins are super powerful and provide your WordPress websites with some really nice upgrades. They can be uploaded and installed directly within the WordPress dashboard. Plugins can be easily added to your website without having to do any coding. You can activate plugins as needed within your website dashboard. Once you add a plugin you will have different custom functions that are available from within your function. There are over 40000 plugin available. You can achieve a lot with plugins, and usually whatever you need on your website can be added via a plugin. The hard part is choosing the best suited plugin for your needs. Just like with themes plugins have a lot to offer and at times can be overkill for what you need. </p><p>This course is designed around helping you navigate and save time by helping you make selections of the best and most useful plugins. Don’t overcrowd your WordPress install use key plugins that are needed improvements for your WordPress site.</p><h4><strong>Widgets</strong></h4><p>Widgets let you add different pieces of content into you theme in the sidebars and footer areas. Each section in the sidebar is known as a widget, and you can move widget around and also add and remove them as needed. Themes may have parts of the layout that can be customized and allow you to add in widgets as needed. To add a widget you can drag and drop them within the theme. Once you have added a widget you can then update the various options that are available within it. Some themes may include custom widgets</p><p>I’m here to help you learn more about WordPress and ready to answer any questions you may have.</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| WordPress for Entrepreneurs Management of your own website | https://www.udemy.com/course/wordpress-for-business-management-of-your-own-website/ | Learn how to setup your own WordPress CMS website. Manage your website no coding required. Get your own website | <p><strong>BONUS – Free WordPress Ebook in last lesson!!! </strong></p><p><strong>Do you want to create and have your own website, fully control and manage your website content? </strong> Then this course is for you. You can do this with WordPress, its the<strong> perfect solution</strong> to getting online without the need to learn coding.</p><p>WordPress is a free and open-source content management system (CMS) that is super powerful and easy to use. Its not just for blogging, in facts its flexible enough to suite almost any need. Let us show you how to get going quickly with WordPress. </p><p>This course <strong>includes everything</strong> you need to know to setup and manage <strong>your own WordPress Website.</strong></p><p>Learn the basics of settings up a WordPress Website. Everything you need to know to Create a WordPress website.<br>Find out how to Manage content within WordPress. <br>Learn to integrate social media content into your WordPress website<br>Additionally find out how to update and improve your WordPress website<br>Use WordPress themes, plugins and widgets to power up your website to endless possibilities<br>WordPress to manage your web content and best practices for content management.<br>Understand how anybody can have their own website see how easy it is to use WordPress.</p><p>Within this course you will learn</p><ul><li>Getting Started with WordPress</li><li>The WordPress dashboard website Setup</li><li>WordPress Content</li><li>Media options within WordPress</li><li>Themes Widgets how your website looks</li><li>Menus and Navigation</li><li>Managing content WordPress Everyday</li><li>Plugins for WordPress backup of plugins</li><li>Widgets for WordPress</li><li>Customizing WordPress WordPress resources Backup and more Updates</li></ul><p>No experience required get your own website in minutes. Have full control at your fingertips with this powerful but easy to use Content Management System. I’m here to help you learn about WordPress and ready to answer any questions you might have. </p><p>Experience the freedom of having FULL control over your website. This is WordPress are you ready to learn more?</p> | | | | | | | | | | | | | | | | | | |
|---|
| WordPress for Business Using the WordPress Dashboard | https://www.udemy.com/course/wordpress-for-business-using-the-wordpress-dashboard/ | Learn how to use the WordPress Dashboard get familiar with WordPress guide | <p>The WordPress dashboard is the control center for your website. </p><p>This is where you can add content, edit web pages, and update your website. <br>Once you have your WordPress website up and running on a server you can log in to your dashboard. </p><p>Learn your way around the WordPress dashboard. The nice thing about WordPress it’s always ready to lend a helping hand. It comes with a menu in the dashboard that helps you get started right away. You can click the links and start building your website content.</p><p>This course will teach you how to navigate through WordPress.</p><ul><li>Learn how themes work. The theme is essentially the skin that contains your website, you can update it or use your existing one.</li><li>How to setup and configure your website quickly</li><li>Setting user account</li><li>How to add content to your website</li><li>Different types of WordPress Themes and sites</li><li>The difference between Posts and Pages. There are two basic types of content Posts and Pages that you can create in WordPress</li><li>Posting content is made easy with WordPress, you can add it as you would typing into a text editor or copy and paste it in directly into the editor. WordPress also provides publishing options where you can set when you want your content published.</li><li>How to publish and automate content to social media</li><li>How RSS feeds work within WordPress</li><li>All images, videos and audio files are controlled by WordPress within the Media Library. It’s wonderful to have access to all these items in one place, making them easy to access and use within posts.</li><li>If you have assets that you want to use within your website, simply upload them to the media library. You can search and update content as needed.</li></ul><p>I’m here to help you learn more about using WordPress. This course includes resources and top links.</p><p>Start creating your own website today with WordPress</p> | | | | | | | | | | | | | | | | | | |
|---|
| WordPress Setup Install Guide Setting up a website | https://www.udemy.com/course/wordpress-setup-install-guide-setting-up-a-website/ | Setup Your own Website in Minutes with WordPress No coding and easy to get starting Total control of own website | <p>Learn how you can setup your own website within minutes no coding required.</p><p>By the end of this course you will have the skills needed to create your own website and know your options for getting up and running online.</p><p>It’s easy to get started and has many benefits</p><ol><li><p>It’s completely free to use, since it’s an open source project anyone can use it openly and freely. </p></li><li><p>Simple to setup and get started. User friendly that almost anyone can jump in and start creating websites right away.</p></li><li><p>It comes with an awesome easy to use and understand backend dashboard to control the website. This is a powerful tool which allows you to completely control your website and even customize it.</p></li><li><p>Thousands of plugins, widgets and themes. Easy to add in custom plugin to add features and functionality</p></li><li><p>Because it’s so widely used there are a lot of resources. There are also hundreds of volunteers and contributors working on improvements and providing constant updates</p></li><li><p>You can manage and update your own website without the need to involve a web developer. </p></li><li><p>Huge internet community that can support WordPress. If you have a question there are many places to go for help. Also if you need coding done, there are plenty of wordpress developers that can help.</p></li><li><p>Wordpress is W3C standard compliant so you don’t have to worry about how your website is coded.</p></li><li><p>Wordpress is SEO ready to rank on Search engines. Modern website design should always consider being Search Engine Friendly, most traffic comes from search and having an out of the box solution that handles SEO is extremely useful. </p></li><li><p>Wordpress allows you to migrate data, you can easily import and export your data to other platforms if needed. You control your content and you can choose what platform to use. You are not tied to WordPress once you create your website. The choice is yours.</p></li><li><p>Social Connections within wordpress allows you to easily share content on social media</p></li></ol><p>I firmly believe that if you want a website, and your not interested in coding WordPress is the best solution.</p><p>Learn to create your own website, I’m ready to help. Get started creating your own website today.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Web Design Responsive Website Template from Scratch HTML CSS | https://www.udemy.com/course/responsive-website-template-from-scratch-html-css/ | Mobile First Web Design how to build a simple website template from scratch using HTML and CSS | <p>Learn to build a Website from scratch using a Mobile first Design Perspective. </p><p><strong>Mobile first Web design to build a fully responsive website from scratch</strong></p><p>Step by step learning of a real world project, creating a website. By the end of the course you will be able to expand your portfolio with different website designs. Learn to use HTML and CSS to build websites</p><p>Start with a wire frame website concept, this course covers how to develop that plan into a real website. Apply HTML structure then add CSS styling. You will be amazed at how easy it can be to build Modern fully functional websites.</p><p>Build a fully responsive Mobile Ready Website from scratch using HTML and CSS. Top resources and source code is included. Everything you need to create your own website is included.<br></p><ul><li>Learn to build a website from scratch</li><li>See the tools and resources used to create web code in action</li><li>learn HTML and CSS and how they work together</li><li>plan out your website and build it from scratch</li><li>develop your website template using HTML and add styling to make it look good</li><li>Source code is provided so you can use and tweak as needed to make your own version of this website.</li><li>HTML and CSS in the real world presented by an instructor with over 15 years experience in web development. </li></ul><p>I am here to help you learn web development and design. I’m ready to answer any questions you may have.<br></p><p>Nothing to lose, there is a 100% Money Back if you don’t like it</p><p>Want to know more, what are you waiting for take the first step. Join now to start learning to create websites today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Web Design Website From Scratch HTML CSS Responsive Design | https://www.udemy.com/course/website-from-scratch-html-css-responsive-design/ | Web Design learn how to build your own website from scratch using HTML and CSS step by step guide tools and resources | <p>Want to learn how to create a complete website from scratch?</p><p>Step by step learning of a real world project, creating a website. By the end of the course you will be able to expand your portfolio with different website designs. Build you own websites using HTML and CSS</p><ul><li>Course covers everything you need to know to build a website from scratch</li><li>Learn the tools and resources used to create web code</li><li>learn HTML and what tags can do</li><li>plan out your website, create it according to your specifications</li><li>build your website HTML structure and add styling to make it look amazing</li><li>Source code is provided so you can jump in quickly to get started with your own projects</li><li>HTML and CSS in the real world presented by an instructor with over 15 years experience in web development. </li></ul><p>Build websites for the real world, see how HTML and CSS fit together to create usable websites that are fully responsive and ready for the modern world.</p><p>This course will present skills and overview uses of HTML tags in a web page design. Provide guidance on how to apply styling and overview common styling properties to make you website look good.</p><p>Find out what it takes to build your own website, you will be amazed at how easy it can be.</p><p>I am here to help you learn web development and design. I’m ready to answer any questions you may have.</p><p>Nothing to lose, there is a 100% Money Back if you don’t like it</p><p>Want to know more, what are you waiting for take the first step. Join now to start learning to create websites today.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Web Design Modern SinglePage Website from Scratch Bootstrap | https://www.udemy.com/course/build-a-responsive-singlepage-website-from-scratch-bootstrap/ | Guide to learning how to create websites, using Bootstrap. Real world web design step by step guide to HTML CSS design | <p><strong>Learn how to create your own website from scratch</strong></p><p>Bootstrap is a free and open-source front-end web framework for designing websites and web applications. Bootstrap enables you to create websites quickly using pre-built CSS styling which you can apply to create the look and feel for your website. Coding website made easy with Bootstrap. <strong>Best of all, its fully responsive.</strong></p><p>This course will teach you how to get started creating websites.<strong> Everything is included!</strong></p><ul><li>Top resources and tools needed</li><li>How to build your page structure and make it ready for bootstrap styling</li><li>How Bootstrap works</li><li>Source Code is included</li><li>Why Bootstrap allows for rapid website design</li><li>real world examples of web design</li><li>and much more….</li></ul><p>Start from scratch and create your own website. Single page information website that you can use as a template.</p><p>Speed is important for web development and Bootstrap delivers. With Bootstrap it takes care of many of those repetitive styling tasks and allows you to focus on making your site look great! </p><p>I am here to help you learn web development and design. I’m ready to answer any questions you may have.</p><p>Nothing to lose, there is a 100% Money Back if you don’t like it<br></p><p>Want to know more, what are you waiting for take the first step. Join now to start learning to create websites today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| How to create Websites Build 10 Websites From Scratch | https://www.udemy.com/course/ultimate-web-developer-course-build-10-websites-from-scratch/ | Build 10+ complete websites from scratch, supercharge your portfolio learn how to create websites HTML CSS JavaScript | <p>Do you want to become a professional web developer and are looking for a starting place? Then <strong>this course is for you! </strong></p><p><strong>Build your portfolio</strong> become a professional web developer. </p><p>With over <strong>30 hours of HD quality video training</strong>, showing you<strong> everything </strong>you need to know to jump into web development and build a successful base for building your own websites from scratch. <br></p><p>One of the best ways to learn is seeing examples of code being implemented and used in REAL web projects. Applied learning, in this course we not only cover the core foundation languages of front-end web development<strong> we show you how to use them with plenty of examples. </strong>See how they work in different projects.</p><p>One of the biggest hurdles when getting involved with web development is finding a starting point. Explore how everything <strong>HTML CSS JavaScript </strong>can work together to build <strong>Dynamic</strong> and <strong>interactive</strong> <strong>modern websites</strong> that are ready for the <strong>real world</strong>. If you are unfamiliar with any of the languages used to create the websites within the course, we have you covered. Learn HTML, CSS, JavaScript, and jQuery pick and choose what you want to learn, its all available for you anytime. Need help in one area more than others, not to worry you will have access to multiple examples of the source code being put to use in a <strong>real project.</strong></p><p>Everything you need in One place! One Massive course! Watch it all or watch what you need to learn at the time. </p><p><strong>Benefits of this course – </strong></p><p><strong>✔ </strong><em>Super Charge your portfolio </em>- Build 10 different real world websites from scratch. Having a portfolio to demonstrate websites you can build as well as being able to use them as templates that can be easily customised to suit any web design need. Not every website is created the same way, so in the course we provide you 10 examples of <strong>modern websites</strong>. Single page websites, bootstrap websites, parallax websites, and more. This<strong> sites are unique</strong> and <strong>custom built</strong> within the course. </p><p><strong>✔ </strong><em>Prerequisites don’t worry we have you covered and ready to you to learn the skills you need </em>- We’ve included full sections explaining <strong>HTML, CSS, JavaScript</strong> and<strong> jQuery</strong> that you can use a reference for more information about coding that is used to build websites. No filler content, straight to the point, commonly used syntax for building <strong>modern websites. </strong><br></p><p><strong>✔ </strong><em>Useful bonus code snippets </em>- The stuff you need to make your <strong>website come to life</strong>. Learn how to build a web contact form, <strong>fully functional</strong> being able to send emails from your website. Mouse events and more to make your website<strong> dynamic</strong> and<strong> interactive</strong>. Regular updates and more content updates.</p><p><strong>✔ </strong><em>Resources your need </em>- <strong>Learn how to think like a web developer and web designer</strong>. How to start creating websites, how to plan out your web design and more. Explore top resources and links to use to improve what you can do making websites. Source code from during the project, and <strong>source code of completed project is included.</strong> This means with this course you get <strong>10 custom templates to use within your projects. </strong><br></p><p><strong>✔</strong><em> Professional web development </em><em> </em>- Have access to the resources you need, Create your portfolio as you learn web development. <strong>At the end of the course you will be ready to make websites from scratch. </strong>Parachute in and get started in the business. Learn from a experienced web developer see how its done! We show you the types of websites that you can <strong>build quickly </strong>and are<strong> in demand</strong>.</p><p>No stone left un-turned this course is full of high quality content ready for you to use as needed. Whatever your skill level we guarantee that you will find value within this course. <strong>Have it all at the ready when you need it. </strong></p><p>Taught by a professional instructor with over <strong>18 years of industry experience!</strong> <strong>Step by step </strong>training that you won’t find anywhere else. We guide you through learning how to create websites from scratch. By the end of the course you will feel comfortable and be ready to start creating your own websites. Jump in, you will be <strong>amazed</strong> at what <strong>YOU</strong> can do. Making your dreams come to life online, with <strong>modern websites</strong>.</p><p>I’m here to help you learn about web design and web development, and ready to answer any questions you may have. When you are ready, join now and start creating your own websites today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Web Design HTML CSS Create Single Page Website from Scratch | https://www.udemy.com/course/html-css-create-a-single-page-website-from-scratch/ | Step by Step guide to building a single page website from scratch Learn how to use HTML CSS JavaScript jQuery together | <p>One page scrolling websites are extremely popular and a great way to way to present information for anyone. </p><p><strong>Benefits of one page websites</strong></p><ul><li>Great for mobile</li><li>Encourage users to see more content</li><li>very visually appealing</li><li>no page refreshes</li><li>easy to setup</li><li>engages visitors in a unique way</li><li>provide information in a unique and easy to consume way</li></ul><p><strong>Learn how to build a website from scratch…</strong></p><ul><li>Everything you need is included</li><li>Source Files ready</li><li>Top resources</li><li>Best links</li><li>Top tips for better web design</li><li>Step by step process explained</li><li>Tools and resources needed for web design</li></ul><p>Start by creating a wire frame of the website, and draw up how you want the finished website to look. Build the structure of the page using HTML. Full explanations of code as it is built. Create the HTML menu, content area and basics of web design. Using HTML5 semantic tags, to create your webpage.</p><p>Styling explained. Make your website come to life adding styling to HTML structure. Attach external libraries to add more to your CSS. Learn how to turn your HTML header into a sticky header. Add styling to transform your unordered list into a custom navigation bar. Learn about adding backgrounds, setting opacity to sections and more.</p><p>Make your website responsive so that it will work on any device across multiple screen sizes. Resize and scroll the page to sections within your web design.</p><p>Add interaction and dynamic effects to your website using jQuery. Learn about adding event listeners, move the screen position and more.</p><p>Start exploring what you can do with your website design</p><p>By the end of the course you will have the skills and know how to create your own website from scratch.</p><p>I am here to help you learn how to create your own web projects and ready to answer any questions you may have.</p><p>Want to know more, what are you waiting for take the first step. Join now to start learning how you too can create dynamic and interactive web projects today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Dynamic Quiz Application from Scratch JSON AJAX | https://www.udemy.com/course/javascript-dynamic-quiz-application-from-scratch-json-ajax/ | Step by Step guide to creating a Dynamic Web based JavaScript Quiz which uses a JSON data source file to generate a quiz | <p><strong>Learn to Build your own Dynamic JavaScript Quiz from Scratch.</strong></p><p>This course covers a step by step approach to building an interactive online quiz. The completed project is a web quiz that gets generated from a data file. Source code is included so that you too can try the code for yourself, adjust and create your own version. </p><p>Online quizzes are a useful tool for websites, to create interaction, add engagement and gather information from users. You will be <strong>amazed</strong> at how easy it can be to create applications like this from scratch. Add you own questions easily. The quiz data is from a <strong>JSON</strong> file that gets pulled into the JavaScript via<strong> AJAX</strong>. The JavaScript code then generates the visual output within the <strong>HTML.</strong> </p><p>The course covers everything you need to know, with source code included. Step by step process covering everything you need to know to be able to utilise all these amazing JavaScript capabilities.</p><ul><li>Learn about JavaScript Objects and how they can be used to hold data</li><li>Learn about JSON and how it relates to JavaScript objects</li><li>Use AJAX to get data from a web file and then parse it to a usable object format within your JavaScript.</li><li>How to add <strong>Bootstrap </strong>for quick styling to your page</li></ul><p><strong>How to build a project from scratch explained step by step.</strong> What makes this course different is that it takes a project based approach to teaching JavaScript. See how and why code in JavaScript is used to create <strong>REAL WORLD PROJECTS.</strong></p><ul><li>How to build the question data file</li><li>navigation between questions using JavaScript</li><li>adding event listeners to trigger user initiated functionality</li><li>working with the <strong>DOM – Document Object Model</strong></li><li>Dynamic Classes</li><li>Adding new question</li><li>Create a final score card for the user to show their results</li><li>and a whole lot more…..</li></ul><p>Start exploring what you can do with JavaScript </p><p>By the end of the course you will have the skills and know how to create JavaScript code to make quizzes online.</p><p>I am here to help you learn how to create your own web projects and ready to answer any questions you may have.</p><p>Want to know more, what are you waiting for take the first step. Join now to start learning how you too can create dynamic and interactive web projects today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn JavaScript core concepts web programming | https://www.udemy.com/course/learn-javascript-core-concepts-web-programming/ | Learn JavaScript one of the most popular and dynamic programming languages for creating and developing websites | <p>JavaScript is one of the top, most popular and dynamic programming languages used for creating and developing websites on the internet today. Its everywhere and used by the majority of websites. </p><p>JavaScript alongside HTML and CSS, it is one of the three core technologies of World Wide Web content production. It is supported by all modern Web browsers without plug-ins and ready to work without having to be complied. All you need is a web browser to run JavaScript. </p><p>JavaScript allows you to create dynamic web 2.0 content, allowing the ability for web visitors to be able to interact and receive a customised web experience from your website.</p><p>This course will cover everything you need to know in order to get started creating your own JavaScript code.</p><ul><li>Introduction to adding JavaScript to web pages</li><li>working with variables</li><li>creating dynamic interaction</li><li>JavaScript arrays and how they work</li><li>JavaScript Objects and how to store data</li><li>JavaScript Functions </li><li>Working with the DOM</li><li>Selecting elements – updating elements </li><li>mouse events and event listeners to add interaction for your web visitors</li><li>Everything about loops</li><li>Conditional statements</li></ul><p>Source files are included so you can work alongside the lessons to practice and learn JavaScript</p><p>Learn real world web development. Learning how to use JavaScript is a top skill to have. This course is full of tips for better web development.</p><p>Hands on web development using JavaScript presented in an easy to follow step by step course.</p><p>Start exploring what you can do with JavaScript </p><p>By the end of the course you will have the skills and know how to create JavaScript code to add to your websites.</p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>Want to know more, what are you waiting for take the first step. Join now to start learning how you too can create dynamic and interactive websites.</p> | | | | | | | | | | | | | | | | | | |
|---|
| VueJS V1 Introduction to VueJS JavaScript Framework | https://www.udemy.com/course/vuejs-introduction-to-vuejs-javascript-framework/ | Complete guide to getting started with VueJS easy to learn JavaScript Framework for data binding and dynamic web content | <p>Vuejs is the solution for web application developers, in creating more dynamic interactive content you deliver to your web users. Web users are expecting more, and Vuejs is the tool to help you deliver that. You will be amazed at how easy it is to handle data in a meaningful efficient format that will save you time. </p><p><strong>Simple easy to learn but powerful JavaScript Library</strong></p><p>Best of all, you don’t need to be an expert at HTML or JavaScript to start using Vuejs. It simply makes sense and adding to web applications can save you coding time.</p><p>Vuejs is designed for web developers who want to utilize modern reactive components within their web applications. This is a hands-on course teaching Vuejs fundamentals and the core skills to understand how to use Vuejs within modern web development. Vuejs is a solution to common everyday application tasks, making them easier to add and more dynamic. </p><p>You’ll learn how to implement functionality that is expected in modern applications, and also be amazed at how easy it is to start creating applications with Vuejs.</p><p>More and more of the interactive and dynamic portion of web applications is moving towards being handled by the front end.</p><p>If you have been looking to get started with more complex frameworks like Angular, Vuejs is right for you as it is heavily influenced by Angular JS and React.</p><p><strong>Start exploring </strong>what you can do with Vuejs </p><p>By the end of the course you will have the skills and know how to add Vuejs<strong> within you website</strong>. </p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning how you too can create DYNAMIC and INTERACTIVE pages with Vuejs today.</strong><br></p><p><strong><br></strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn Vue 1 JS introduction to simple reactive JavaScript | https://www.udemy.com/course/learn-vue-js-introduction-to-simple-reactive-javascript/ | Starting point introduction to Vuejs and how to use Vuejs to create interactive dynamic content via JavaScript and Vuejs | <p>Welcome to using Vuejs</p><p>This course is an introduction to using Vuejs which is a JavaScript library that provide easy to use reactive technology. Its the perfect starting point for more complex frameworks such as Angular. </p><p>Learn to create reactive JavaScript applications. </p><p>Vuejs lets you use you data effectively binding data to the DOM and using it within HTML elements. </p><p>Vuejs is flexible, simple and easy to use. You will be amazed at what you can do with Vuejs and how easy it is. Its similar to angularjs but much much easier to get the hang of. Use Vuejs to bind data to the DOM and sync to create reactive effects. Once binding is setup the DOM keeps data and elements in sync. </p><ul><li>Course covers an introduction on how to get started with Vuejs</li><li>How to add vuejs to your web application.</li><li>Creating a vue instance</li><li>Data binding with Vue</li><li>Working with Lists</li><li>Adding events</li><li>Filters and components</li><li>Default Vue Directives that perform cool stuff right out of the box</li><li>Vuejs source code included.</li></ul><p>Reactive technology is in demand, it makes web applications more functional. This course will get you started creating your own reactive applications. Start binding your data and create amazing effects for your application users. Lets get started today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| PHP MySQL database connections | https://www.udemy.com/course/php-mysql-database-connections/ | Learn to connect to a MySQL database with PHP code how to select, update, delete, insert content to a MySQL database | <p>Learn how to use a MySQL database and access data within your PHP code. MySQL is the most popular database used by PHP. Its works really well and smoothly with PHP code and is an ideal solution for storing information and utilising that data within your web projects. </p><p>Do you need a database within you website? Database can help with information management and run as a the data source for dynamic websites. MySQL is the perfect solution for any size application. Its fast and reliable and best of all easy to use. </p><p>This course covers multiple methods of connecting to a MySQL database. Avoid the confusion of only one way, we show you three ways to connect to a MySQL database via PHP code.</p><p>Top resources, source code and more is provided to get you started quickly.</p><ul><li>Learn how to connect to a database</li><li>Create databases</li><li>Create tables</li><li>Insert records into a MySQL database</li><li>Return ids of inserted records</li><li>Delete records </li><li>Update records</li><li>Create queries to interact with database content</li><li>phpmyadmin and how to use it</li></ul><p>By the end of the course we show how to use a database within your PHP code</p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning how you too can add a database to your website today.</strong><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Get started with Bootstrap how to make websites from scratch | https://www.udemy.com/course/get-started-with-bootstrap-how-to-make-websites-from-scratch/ | Learn to create website quickly using Bootstrap the most popular HTML CSS JavaScript Framework online | <p>Bootstrap is the most popular front end framework for developing responsive web projects.</p><p>With pre-build classes that you add to your HTML elements, you can really <strong>quickly and easily build amazing mobile first fully responsive websites</strong>. Bootstrap has everything you need to create websites from scratch. <strong>Spend less time building your CSS utilize Bootstrap to make web development.</strong></p><p>I use Bootstrap on a regular basis, and wanted to create a course to introduce Bootstrap to other everyone. With over 15 years of web development experience I’m here to help you learn how to use Bootstrap.</p><p><strong>Bootstrap makes creating websites a snap</strong>, its for everyone of all skill levels. Bootstrap is full of features and takes care of those common repetitive tasks you need to do when building common web components. </p><p><strong>Anyone can make beautiful web content</strong>. Take your project to the next level with Bootstraps jQuery plugins. Easy to add fully functional jQuery snippets that work well within your HTML elements. Add carousels and a whole lot more.</p><p>The bootstrap grid system is the core to understanding how Bootstrap works. Any device website access, which works. Phone, tablets desktops are all covered with Bootstrap.</p><p>Mobile first thinking and mobile first design is at the very heart of Bootstrap. <strong>Its works and looks amazing across devices.</strong></p><p><strong>Source Code is included -straight to the point training.</strong></p><p>By the end of the course you will have the skills and know how to add create websites using Bootstrap.</p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.<br></p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning how you too can create amazing websites with Bootstrap today.</strong><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| How to use JavaScript Objects JSON AJAX explained | https://www.udemy.com/course/how-to-use-javascript-objects-json-ajax-explained/ | Quick guide to using JSON together with AJAX to create Dynamic interaction for web content | <p>Create Dynamic web applications. The secret to better user interaction is AJAX. It allows you to connect to and retrieve data from other pages seamlessly. Potential is limitless for what you can do when you start using AJAX. </p><p>JSON is the most popular format to send data between applications. JSON is based in JavaScript objects and is an ideal way to get data to utilize within your code to create dynamic and interactive web pages.</p><p>From an instructor with over 15 years of Real world web development experience. </p><p>Source code is included so you can practice along with the course content. This is content you won’t find anywhere else delivered in a clear concise manner to get you started creating your own projects quickly. </p><p>Straight to the point training. Source code included, professional instruction.</p><p>JSON and AJAX are in demand skills and knowing how to use them will increase what you can do within your web pages.<br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Bootstrap 4 Course Updated 3 websites with Bootstrap 4 | https://www.udemy.com/course/bootstrap-4-website/ | In this complete course students will learn how utilize Bootstrap to create webpages. HTML CSS JavaScript jQuery | <p>Just updated ….. 2020 New version of Bootstrap 4.4 with 3 website projects from scratch. </p><p>Loaded with NEW Fresh content and 3 website examples +++++ all the source code ++++++ </p><p><strong>Lots of new content – create 3 websites with Bootstrap 4 from scratch</strong></p><p>First 3 sections are Bootstrap 4.4 – later lessons are Bootstrap 4 alpha</p><p>Bootstrap does come in different versions – the versions might have different classes and require various attributes or functionality. Please note the Bootstrap version you are using.</p><p>Review and coding examples of Bootstrap 4 components.</p><p>Massive update just to this course, see what’s new with Bootstrap</p><p>Course lessons are answers to commonly asked questions in my Bootstrap courses</p><p>Demo how to build sample websites with Bootstrap 4 – step by step</p><p>Jump right into coding, first lessons cover creating Bootstrap 4 websites</p><p>Followed by a code syntax review – see what’s possible and how it can be used to rapidly create websites with Bootstrap. Customize your website content easily. Your wireframe and webpage design from start to finish with Bootstrap.</p><p>Create your website in 4 easy steps</p><ul><li><p>Setup HTML template typical structure for a website</p></li><li><p>Build the Grid with Bootstrap</p></li><li><p>Add components to showcase the required content</p></li><li><p>Make adjustments with colors and other utilities.</p></li></ul><p><strong>Bootstrap components covered in the lessons</strong></p><ul><li><p>Covers everything you need to get started with Bootstrap 4</p></li><li><p>Bootstrap 4 Layout Quick HTML page structure</p></li><li><p>Use of popular Bootstrap 4 Components</p></li><li><p>Bootstrap 4 Alerts</p></li><li><p>Bootstrap 4 Badges</p></li><li><p>Using Breadcrumb from Bootstrap 4</p></li><li><p>Cool Bootstrap 4 Buttons</p></li><li><p>Explore Bootstrap 4 Cards</p></li><li><p>Carousel creation of amazing slideshows Bootstrap 4</p></li><li><p>Collapse content accordion and more Bootstrap 4</p></li><li><p>Dropdowns with Bootstrap 4</p></li><li><p>Bootstrap 4 Forms formatting with Input groups</p></li><li><p>Jumbotron to make your content stand out Bootstrap 4</p></li><li><p>List groups grouping content in lists Bootstrap 4</p></li><li><p>Wow Bootstrap 4 Modals</p></li><li><p>Responsive collapsing Nav and Navbars Bootstrap 4</p></li><li><p>Pagination with Bootstrap 4</p></li><li><p>Easy Bootstrap 4 Popovers</p></li><li><p>Progress bar and more Bootstrap 4</p></li><li><p>Scrollspy to active navbar Bootstrap 4</p></li><li><p>Spinners for Bootstrap 4</p></li><li><p>Bootstrap 4 Toasts</p></li><li><p>Adding Bootstrap 4 Tooltips</p></li></ul><p>Bootstrap 4 framework – rapid website development – select and add classes to build your website.</p><p>Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.</p><p>Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.</p><p><em>_________________________________________________________________________</em></p><p><strong>Bootstrap enables you to create websites quicker and easier than ever! </strong></p><p>Let us introduce you to using Bootstrap to create websites</p><p><strong>Here is What You Will Learn In our Complete Course! </strong></p><ul><li><p>Examples of how to setup Bootstrap within your webpages</p></li><li><p>Source Code included to work along with the course content</p></li><li><p>Examples of New Bootstrap 4 changes</p></li><li><p>Its easier than ever to create Bootstrap themes with Bootstrap</p></li><li><p>Grid system which is the heart of Bootstrap – with examples of the new improved functionality of Bootstrap 4 grid system</p></li><li><p>Wells and thumbnails are now replaced with Cards – new extendable container</p></li><li><p>Core fundamental concepts of Bootstrap</p></li><li><p>How to create websites with Bootstrap</p></li><li><p>The new and improved navigation bar for Bootstrap</p></li><li><p>More background options and how to apply them to your web pages</p></li></ul><p><em>__________________________________________________________________________</em></p><p><strong>When we learn something new,</strong> I add it to the course – at no additional cost to you! This is a course that will continue to add more and more to every aspect of your life.</p><p>In addition to the <strong>Udemy</strong> <strong>30-day money back guarantee</strong>, you have my personal guarantee that you will love what you learn in this course. If you ever have any questions please feel free to message us directly and we will do our best to get back to you as soon as possible!</p><p>__________________________________________________________________________</p><p><em>What I can’t do in this Course..</em></p><p><em>I can’t guarantee your success – this course does take work on your part. But You Can Do It!</em></p><p><em>I am also not responsible for your actions. You are responsible for 100% of the decisions and actions you make while using this course.</em></p><p><em>__________________________________________________________________________</em></p><p>This course will not remain this price forever! It’s time to take action!</p><p><strong>Click the “take this course” button at the top right now!</strong></p><p>…<em>every hour you delay is costing you money</em>…</p><p>See you in the course!</p><p><strong>Sincerely,</strong></p><p><strong>Laurence Svekis</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn to Code JavaScript web designers and developers quick | https://www.udemy.com/course/learn-to-code-javascript-web-designers-web-developers/ | Quick Guide to learning JavaScript create more dynamic and interactive web content | <p><strong>JavaScript is the best starting point to learning how code works.</strong> Its <strong>in demand </strong>and the most popular programming language available today. With JavaScript you can jump write in and start creating right away. This course is designed to allow you to quickly start writing your own JavaScript code. No wasted time see how you can start with some simple code and develop really great projects.</p><p><strong>JavaScript is everywhere</strong>, open the doors to the possibilities. It gives you the freedom to create and let your <strong>creations come to life</strong>. There is nothing better than seeing your ideas brought to life on your computer screen. </p><p><strong>JavaScript is popular</strong> and also one of the <strong>easiest languages to start learning</strong>. There is nothing to install and no complex environments to configure. You already have the tools you need right on your computer to start creating JavaScript. Just a simple text editor and a browser, that’s all you need to write JavaScript. JavaScript runs within you web browser, any browser!</p><p><strong>JavaScript is powerful </strong>and you can really do a lot with a little bit of code. Its easy to add to your web pages.</p><p>This course is taught by an instructor with over 15 years of real world experience. Using JavaScript on a daily basis let us introduce you to the magic of JavaScript.</p><p>JavaScript allows you to create<strong> dynamic web interactions </strong>by selecting and manipulating elements on the page. You can customize the user experience with JavaScript. Other programming languages many times depend on <strong>JavaScript to deliver</strong> content to the user.</p><p><strong>JavaScript is at the center of all things web</strong>, you will find that time and time again its comes back to knowing JavaScript.</p><p><strong>Start exploring </strong>what you can do with JavaScript. </p><p>By the end of the course you will have the skills and know how to add JavaScript<strong> within you website</strong>. </p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>JavaScript is the most in <strong>demand skills</strong>, and<strong> learning how to use JavaScript </strong>will help to separate you from the crowd.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning how you too can create DYNAMIC and INTERACTIVE pages with JavaScript today.</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript manipulation of the DOM Document Object Model | https://www.udemy.com/course/javascript-manipulation-of-the-dom-document-object-model/ | Access HTML elements using JavaScript make updates, set up event listeners and create new HTML elements. | <p><strong>JavaScript manipulation of the DOM – Start creating Dynamic and Interactive Content. </strong></p><p><strong></strong>Learning how to interact with the DOM, will get you started quickly with more interaction on your webpages.</p><p>The Document Object Model is a model of your HTML document represent within JavaScript as objects.</p><p>Elements are within the HTML page rendered out by the browser. JavaScript engine in the browser then create representations of the elements as JavaScript Objects. Which in turn gives you the developer a whole lot to work with, the sky’s the limit with what you can do at this point. You can communicate with these objects using JavaScript and then manipulate them. Any changes you make will be visible within the webpage itself.</p><p>Use JavaScript to select elements from your HTML code. All the web page elements are represented within the DOM. Document Object Model. Learning to better utilize the DOM will allow you to create more advanced user interactions, and update the content dynamically. </p><p>See how easy it is to select elements and make the interactive.</p><p>Select any element from within your HTML and bring it to life with JavaScript. </p><p>From an instructor with over 15 years of real world web development experience, learn how to use the DOM for your web projects.</p><p>Every element is an element object, which contains details about the object. The DOM is like a doorway to access all of this functionality that is already there. JavaScript gives you the ability to open up that door and make amazing things happen on your website.</p><ul><li>Selecting Elements from your HTML</li><li>Update the element HTML on the fly. </li><li>Add event triggers.</li><li>Style your elements dynamically</li><li>Read and validate inputs</li></ul><p>By the end of the course you will have the skills and know how to <strong>manipulate the DOM within you website</strong>. </p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>JavaScript is the most in <strong>demand skills</strong>, and<strong> learning how to use JavaScript </strong>will help to separate you from the crowd.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning how you too can create DYNAMIC and INTERACTIVE pages within your website today.</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript JSON and AJAX Explained JavaScript Objects | https://www.udemy.com/course/javascript-json-and-ajax-explained-javascript-objects/ | Learn about JavaScript Object Notation and how to utilize it in JavaScript as object data | <p>JavaScript is the most in demand programming language on the web today.</p><p>Learning how to implement AJAX and use data like JSON formatted data can accelerate the amazing things that JavaScript can do within your web code.</p><p>JSON – <strong>JavaScript Object Notation</strong> is an open standard technology that is used to transmit data in a human readable format. JSON is language independent. It provides a powerful way to move data back and forth. Learning to use JSON data in JavaScript can open the door to really powerful data handling within your applications.</p><p>AJAX – <strong>asynchronous JavaScript and XML</strong> allows you to send and receive data from other files without page refreshing. You can display data and information in response to the User interactions within your webpages. Dynamic content loading without page refreshes.</p><p>This course is designed to help you learn how to use these two amazing technologies together. Source files and all the code used within the course is included. Step by Step instruction with examples of how to use JSON formatted data. Turn JSON data into JavaScript objects and use them as needed within your code. Load data the easy way. AJAX allows you to take this data import one step further and load data on the fly within your JavaScript. Course will demonstrate how to do this and a whole lot more. As a bonus the course also covers how to send data to the server.</p><p>JSON and AJAX are in demand skills and knowing how to use them will increase what you can do within your web pages.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Guide to learning JavaScript | https://www.udemy.com/course/javascript-complete-guide-to-learning-javascript/ | Everything you need to learn how to write JavaScript code from scratch The complete web developer JavaScript Course | <p><strong>JavaScript is the most in demand and popular programming language on the web today.</strong></p><p>Learn to create dynamic interactions on your web pages, JavaScript is were the magic happens. JavaScript gives you the tools you need to create modern websites, with interactive content. Alongside HTML and CSS, it is one of the three core technologies of World Wide Web content production. </p><p>The most common use of JavaScript is to add client-side behavior to HTML pages. Learn how to interact with the Document Object Model (DOM) of the page.<br></p><ul><li>Introduction to JavaScript</li><li>Step by Step learning with examples and source code</li><li>How to use JavaScript within your web pages</li><li>Variables and how they work</li><li>Everything about JavaScript Arrays</li><li>Power of using JavaScript Functions</li><li>JavaScript Objects and what you can do with them</li><li>Updating your HTML elements with JavaScript</li><li>JavaScript event listeners</li><li>Logical operators</li><li>JavaScript Built in Methods</li><li>Conditions and switches</li><li>Loops making it easy</li><li>What AJAX is and how it works</li><li>How to use JSON</li><li>Send data and retrieve data from the server</li><li>No page reload data loading</li></ul><p>And a whole lot more.</p><p>By the end of the course you will have the skills and know how to add JavaScript<strong> within you website</strong>. </p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>JavaScript is the most in <strong>demand skills</strong>, and<strong> learning how to use JavaScript </strong>will help to separate you from the crowd.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning how you too can create DYNAMIC and INTERACTIVE pages with JavaScript today.</strong></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Create Dynamic Forms HTML CSS JavaScript and jQueryUI | https://www.udemy.com/course/create-dynamic-web-forms-with-jquery/ | Guide to accessing form content and utilizing the data within jQuery and JavaScript code | <p>jQuery is a great way to add<strong> amazing functionality and dynamic effects </strong>onto your web pages. jQuery provides great functionality when it comes to forms, and creating forms is an essential skill within web development.</p><p>Together with HTML forms jQuery can do so much.</p><p>This course will cover how to match two form fields to check if the content is the same which is a useful code snippet to help provide form content vetting.</p><p>Use check-boxes to trigger events such as TOS windows and more. Check-box interaction within a form is a much needed piece of functionality.</p><p>Learn to make AJAX calls to the server with drop down values, checkboxes and radio buttons triggering events. Dynamic form interaction allows you to provide each user a more customized form experience.</p><p>Add jQuery UI auto complete and populate the auto complete with dynamic JSON data. JQuery UI has many pre-built capabilities that are easy to add to your web projects.</p><p>By the end of the course you will have the skills and know how to <strong>apply jQuery within your website</strong>. </p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>JavaScript and jQuery are in <strong>demand skills</strong>, and<strong> learning how to use them </strong>will help to separate you from the crowd.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning how you too can utilize jQuery within your website today.</strong></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| CSS Box Model Padding Margins Borders | https://www.udemy.com/course/css-box-model-padding-margins-borders/ | How to work with the CSS Box model learning about Margins Padding and Borders for HTML elements | <p>Understanding the CSS Box model will help you better understand how CSS works.</p><p>In web development, the CSS box model refers to the composition of a webpage or HTML page from blocks or boxes using CSS. Specifically, the box model describes how the size of each such block and its content is determined through styling instructions.</p><p><strong>There are 4 parameters which make up the Box Model</strong></p><ul><li>Height and width dimensions of the actual content within the element</li><li>Padding which is the spacing between the content and the border</li><li>Border line surrounding the box</li><li>margin the spacing around the border between various elements on the webpage.</li></ul><p>All four of the above make up the entire dimensions of the element.</p><p>This course is designed to help walk you through what the box model is and how it works.</p><p>Fast paced get to the point training, to learn about using CSS code. </p><p>By the end of the course you will have the skills and know how to apply CSS box Model to your web code. </p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>Learning how to apply CSS to design web content will help to separate you from the crowd.</p><p>Want to know more, what are you waiting for take the first step. Join now to start learning how you too can write your own <strong>CSS code today.</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| How to create HTML Forms | https://www.udemy.com/course/how-to-create-html-forms/ | Learn how to create forms using HTML common HTML input tags and source code included | <p>A webform, web form or HTML form on a web page allows a user to enter data and interact with the website. Its an essential way to send data to a server for processing.</p><p>HTML forms are everywhere, over 99% of websites use HTML elements within their code.</p><p>Web users can fill out the forms using checkboxes, radio buttons, or text fields. </p><p>Source Code is included – create your own HTML Forms with HTML5 Inputs</p><ul><li><p>Basics of input types for forms</p></li><li><p>HTML tags and how to write attributes to customize form inputs</p></li><li><p>HTML email and text tags whats new with HTML5</p></li></ul><p>Course covers how to create a simple HTML form with input type and new HTML5 Input types that you can use to create HTML Forms.</p><p>This course is designed to help you better understand the different elements that are used to create forms. By the end of the course you will have the knowledge to create HTML forms.</p><ul><li><p>Source Code is included</p></li><li><p>Step by Step learning</p></li><li><p>regular updates</p></li><li><p>Instructor with over 15 years of real world web development experience.</p></li><li><p>New HTML5 Form types</p></li><li><p>how to add attributes</p></li></ul><p>I am here to help you learn to web forms and ready to answer any questions you may have.<br></p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning to build your own website forms today.</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| How to create a website from scratch HTML CSS course | https://www.udemy.com/course/how-to-create-a-website-from-scratch-html-css-course/ | Using HTML and CSS to create a website Learn how to structure HTML and apply CSS to make web templates | <p><strong>This course will demonstrate how to create a website from scratch. </strong> Start with a blank page, and HTML and structure it in preparation for applying styling. Add CSS to make your HTML come to life, customize the styling to build out multiple websites.</p><p><strong>Learn how to build a website.</strong></p><p>Learn what it takes to make your own website, HTML and CSS together to complete a web project.</p><p>I’ve been creating website since 2002, and I’m ready to share my skills with you. Learn by example, as we build a website within this course. Straight forward approach to learning with each step explained as the project is build.</p><p><strong>Learn HTML5</strong></p><p>HTML5 tags Headers, Footers, Nav, aside, Sections, articles and more.</p><p><strong>Learn CSS</strong></p><p>CSS floats, fonts, colors, margins, padding, clear and more.</p><p>Bonus get google fonts and add them to your web projects.</p><p>How to make you website responsive and change the look depending on the size of the viewers screen. Flexible responsive website design.</p><p>I am here to help you learn to build websites and ready to answer any questions you may have.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning to build your own website today.</strong><br></p><p><strong><br></strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| How to make a website HTML CSS for Beginners Course | https://www.udemy.com/course/how-to-make-a-website-html-css-for-beginners-course/ | Learn how to create HTMl code and apply CSS Complete guide to creating a website from scratch using HTML and CSS | <p><strong>Learn how to build a webpage from scratch with HTML and CSS.</strong> This course will help you learn step by step all the fundamental concepts of HTML and CSS that you need to know to create a website.</p><p><strong>This is the most complete HTML and CSS course with everything included. No prerequisites perfect for beginners to learn.</strong></p><p>From an instructor with over 15 years of web development experience, we provide source code, demos, examples covering all of the commonly used HTML tags. Learn to structure your HTML when building your page to make it easier to apply styling. </p><p>You will learn how to create an HTML template from scratch. All the resources and everything you need to start creating website is included. Total complete course on HTML.</p><p>Course covers creating head, meta information. What you should include. HTML paragraphs, images, attributes, lists, tables, hyperlinks and more. Full section on working with HTML forms. Introduction to using HTML5 elements. Creating properly structured HTML pages which are CSS ready.</p><p>Adding styling to your HTML template to bring it to life. Wow your visitors with amazing CSS effects. You will be surprised at how easy it is to add styling and totally change the feel of your HTML code. We cover how to properly use selectors to make it easier and more straight forward to select HTML elements.</p><p>Box model and how margins, padding and borders work. How to use shorthand properties. All the common CSS properties like display, positioning, pseudo classes, pseudo elements, nesting and a whole lot more.</p><p>By the end of the course we show how to apply CSS to HTML to make a real website. </p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>HTML and CSS are in <strong>demand skills</strong>, and<strong> learning how to develop web content </strong>will help to separate you from the crowd.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning how you too can create a website today.</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Modern Web Design HTML5 CSS3 beginners guide to Websites | https://www.udemy.com/course/modern-web-design-html5-css3-beginners-guide-to-websites/ | Quick introdcution to HTML and CSS Core concepts, techniques and terminology of modern web design | <p><strong>Modern Website Design and Development in a concise straight to the point format. Learn the basics of creating a website from scratch using HTML5 and CSS3. </strong></p><p><strong></strong>All of the core concepts and how to structure your HTML code will be covered within this course. Learn how to properly structure and develop web designs to produce custom original web sites from scratch!</p><p>HTML and CSS are cornerstones to modern web design. Knowing how to structure your HTML page properly will make adding styling much easier. CSS allows you to transform your website and present the HTML code in many new and creative ways. </p><p>If you are new to <strong>HTML and CSS,</strong> you will be <strong>amazed</strong> at how <strong>easy</strong> it is to create<strong> incredible websites.</strong> With just a few lines of code, you can accomplish so much. </p><p>Taught by an instructor with over 15 years of real world web development experience. This course has <strong>everything you need</strong> to learn how to create your own websites with HTML and CSS</p><p><strong>Fast paced get to the point training, to learn about creating websites from scratch.</strong></p><p>This course will cover terminology, concepts and techniques with a focus on the most commonly used core piece, so that you can <strong>get started quickly.</strong> No wasted time going deep into code that you may never use. </p><p>By the end of the course you will have the skills and know how to <strong>apply CSS to HTML to make a real website</strong>. </p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>HTML and CSS are in <strong>demand skills</strong>, and<strong> learning how to design web content </strong>will help to separate you from the crowd.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning how you too can create your own custom website today.</strong></p><p><strong><br></strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Total Frontend Website Creation HTML CSS JavaScript jQuery | https://www.udemy.com/course/frontend-website-developer-html-css-javascript-jquery/ | Comprehensive Course on How to create websites Learn to create websites the complete front end web developer course | <p>Learn what it takes to start creating your own websites. Have you ever wondered how your favorite websites were built, and how they work? This<strong> comprehensive course</strong> is designed to show you everything you need to know to to create your own websites.</p><p>This course is designed to take you through all the fundamentals to creating websites, including <strong>HTML, CSS, JavaScript </strong>and<strong> jQuery.</strong> Learn the foundations of creating a website opening the doors to limitless possibilities. </p><p><strong>Creating websites is easier than you think</strong>, even if you have never looked at HTML code, this course will help get you started quickly. You will be creating you own HTML in minutes. To create websites all you need is a desire to learn, then practice and apply what you learn. </p><p>Web skills are in demand, and there is an ever growing need to know the basics of how websites work. Companies will continue to shift focus to online content, online platforms and everything online. the internet has changed the rules, as more people buy online, spend time online and work online, the demand will continue to grow. Being able to create websites is a like a key to a whole new world of possibilities. </p><p>I’m an instructor with over 15 years of real world web development experience. Let me share my knowledge with you and show you the core skills you need in the real world. </p><p><strong>No additional courses needed, its all here everything you need to know.</strong></p><p>By the end of the course you will have the skills and know how to add JavaScript<strong> within you website</strong>. </p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>Web developments skills are the most in <strong>demand skills</strong>, and<strong> learning how to use HTML CSS and JavaScript </strong>will help to separate you from the crowd.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning how you too can create AMAZING THINGS ONLINE today.</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn jQuery for beginners web development | https://www.udemy.com/course/quick-learning-jquery-web-development/ | Quick and easy Guide to working with jQuery Learn to add jQuery to your webpages most popular JavaScript library website | <p>Fast Paced Introductory course to learning jQuery</p><p><strong>This course is designed to demonstrate and help you learn the core concepts of working with jQuery. JQuery can help you develop web projects quicker!</strong></p><p>Learn the fundamentals of jQuery and find out why its so amazing to work with. You can do so many great things with jQuery. </p><p><strong>JQUERY makes creating DYNAMIC and INTERACTIVE web content EASY!</strong></p><p><strong>This course is designed to help you learn jQuery quickly. You should have a basic understand of JavaScript in addition to HTML and CSS to enhance your learning experience.</strong></p><p>jQuery is easy to use and just makes sense. The methods and concepts are easy to pickup and start using.</p><p>This course covers everything you need to know about using jQuery. By the end of the course you will better understand how jQuery works and how you can use it to create better quicker web pages. <br></p><p><strong>Web visitors are expecting interaction and dynamic content, jQuery help deliver!</strong></p><p>See jQuery in action and I guarantee you will want to apply it to your own code. It really is fun to use, and simplifies many of the popular JavaScript functionality.</p><p><strong>Topics covered in the course include</strong></p><ul><li>How to add jQuery to your website</li><li>Basics of jQuery and JavaScript</li><li>Event listeners</li><li>Traversing elements to better select HTML content</li><li>Adding CSS to wow your visitors</li><li>jQuery Effects and Animations</li><li>jQuery and AJAX</li></ul><p><strong>jQuery is super powerful</strong>, lightweight and easy to add to your webpages. Its JavaScript but only better.</p><p>I am here to help you learn jQuery and ready to answer any questions you may have.</p><p> jQuery is an in <strong>demand skill</strong>, and<strong> learning jQuery </strong>will help to separate you from the crowd who don’t know jQuery.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning jQuery today.</strong></p><p><strong><br></strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript in Action JavaScript Projects | https://www.udemy.com/course/javascript-in-action-learn-javascript-projects/ | Guide to create JavaScript coded applications like an online calculator from scratch | <p>JavaScript is the most popular programming language online. I’ve designed this course to show you some really amazing things that you can do with JavaScript.</p><p>Within this course you will learn to create an online JavaScript calculator application from scratch. Learn how to create applications like this while learning more about using and applying JavaScript. </p><p>JavaScript is easy to use and creating applications in JavaScript can add a lot of value to your websites. Web visitors enjoy interaction and having the ability to interact with your web content. I’ve been using and creating JavaScript applications for over 15 years and am always amazed at the capabilities it has. You can do so many amazing things with JavaScript.</p><p>Within this course we show you how to add event listeners to classes, create and update calculations right on your webpage, and make updates to the application to provide more functionality. </p><p>The source code and instruction is included within this course. This course content you will not find elsewhere, let’s start learning JavaScript…. Let’s begin.</p> | | | | | | | | | | | | | | | | | | |
|---|
| introduction to HTML Course | https://www.udemy.com/course/introduction-to-html-course/ | Learn the basics of starting to use HTML and how to create a website | <p><strong>HTML is everywhere </strong>and more and its more important than ever. Its not only for web developers, having knowledge of HTML and how it works is beneficial in most careers. </p><p><strong>HyperText Markup Language</strong>, commonly abbreviated as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, <strong>HTML is a cornerstone technology</strong> used to create web pages as well as to create user interfaces for mobile and web applications.</p><p>Taught by an instructor with over 15 years of real world web development experience. This course has everything you need to learn how write HTML code from scratch.<br></p><p>Fast paced get to the point training, to learn about creating websites and using HTML code. </p><p>By the end of the course you will have the skills and know how to apply HTML to make a real website. </p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>Learning how to apply HTML to design web content will help to separate you from the crowd.</p><p>Want to know more, what are you waiting for take the first step. Join now to start learning how you too can write your own <strong>HTML code today.</strong></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Quick Start for learning HTML basics | https://www.udemy.com/course/quick-start-for-learning-html-basics/ | Simple example of HTML tags and how to use them | <p>Learn to create a website from scratch with this simple straight forward HTML course. Apply common HTML tags you need to know in order to be able to create websites. Perfect for beginners who are new to HTML and want to learn to use common HTML tags to make websites.</p><p>Start from scratch learn how to create a basic HTML5 structured website.</p><ul><li>Top resource to get you going quickly</li><li>HTML5 web page structure</li><li>elements and tags</li><li>HTML spacing </li><li>using comments</li><li>Line break and how to nest elements</li><li>HTML headings</li><li>Create hyperlinks to connect content</li><li>add images as needed</li><li>how to work with lists</li><li>Using Divs and Spans in HTML</li><li>New HTML5 elements</li><li>How to transform your HTML code with styling</li></ul><p>All top resources and source code from the course is provided so you can practice working with code right from the course.</p><p>I am here to help you learn HTML and ready to answer any questions you may have. I have over 15 years of real world web development experience, which I will share with you within this course.<br>HTML is an in demand skill and used everywhere.<br>Nothing to lose, there is a 100% Money Back if you don’t like it<br>Want to know more, what are you waiting for take the first step. Join now to start learning HTML today.</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| PHP Database Connections to MYSQL | https://www.udemy.com/course/php-database-connection-to-mysql/ | Easily to follow step by step guide to using PHP and MySQL databases | <p>One of the main reasons for using back end code is to have database interaction. When it comes to using MySQL, PHP code is perfect for providing capabilities to achieve that interaction easily. </p><p>MySQL database are used to store information for websites! Having a database is extremely useful for any website. Some websites are entirely database driven. Knowing how to make and connect databases to your web content creates a huge opportunity.</p><p>This course is taught by an instructor with over 15 years of real world experience. Having developed hundreds of web applications and websites. Using PHP and MySQL on a regular basis, let us show you how to start using MySQL and PHP together.</p><p>This course covers </p><ul><li>How to setup localhost to use PHP and MySQL on your computer</li><li>How to access PHPmyAdmin</li><li>How to create databases</li><li>how to add tables</li><li>working with data selecting, adding, updating, deleting and more</li><li>Working with database content</li></ul><p>All of the source code and resources used within the course are provided, so that you can get started quickly. </p><p>I am here to help you learn PHP and MySQL and ready to answer any questions you may have.</p><p><strong>MySQL is an in demand skill.</strong></p><p>Nothing to lose, there is a 100% Money Back if you don’t like it</p><p>Want to know more, what are you waiting for take the first step. Join now to start learning PHP MySQL today.</p> | | | | | | | | | | | | | | | | | | |
|---|
| AJAX with jQuery Basics Beginner Introduction Course | https://www.udemy.com/course/ajax-with-jquery-basics-beginner-introduction-course/ | Learn to add AJAX to your website straight forward direct skill learning how to use jquery and create ajax requests | <p>This course is designed to introduce you to using AJAX in jQuery. </p><p>Learning to use AJAX opens up a powerful resource for web developers. It allows you to send and receive content from the server without page refreshes. You can even use the response data in your code. This allows web developers to create amazing interactive content, that can be dynamically updated. AJAX provides a seem less interactive user experience which web visitors always enjoy.</p><p>jQuery. has made AJAX really easy to use. jQuery. is a powerful library that allows you to write code quicker and easier. Its straight forward and easy to use. Learning and know how to apply AJAX with jQuery. can really accelerate your web development process.</p><p>Within this course you will learn how to write AJAX related functions and methods in jQuery..</p><p>From an instructor with over 15 years of web development experience, bringing real world knowledge to this course. I’ve developed hundreds of applications and websites. I enjoy using jQuery and am always amazed at how easy it is to apply. As a big fan of jQuery and ajax I wanted to create this course to help introduce others to this technology. If you have never used jQuery or AJAX you don’t know what you are missing. I guarantee once you start working with it you will never look back!</p><p>This course covers using simple convenience methods in jQuery.</p><ul><li>Load to load files</li><li>get to get file info</li><li>get and JSON data</li><li>Post to send data to the server</li><li>ajax to do much more</li><li>bonus how to send data to you mysql database</li></ul><p>Source files and top resources are provided, everything you need to learn how to use AJAX is provided within this course.</p><p>I am here to help you learn jQuery AJAX and ready to answer any questions you may have.</p><p>jQuery AJAX is an in demand skill, and learning jQuery AJAX will help to separate you from the crowd who don’t know jQuery AJAX .</p><p>Nothing to lose, there is a 100% Money Back if you don’t like it</p><p>Want to know more, what are you waiting for take the first step. Join now to start learning jQuery AJAX today.<br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Complete FrontEnd Web Development and Design HTML CSS JS | https://www.udemy.com/course/complete-guide-to-front-end-web-development-and-design/ | Complete guide to learning how to program online HTML CSS HTML5 CSS3 JavaScript jQuery | <p><strong>Develop the skills</strong> you need in order to be able to <strong>make websites from scratch. </strong> Learn to use <strong>HTML5, CSS3, JavaScript </strong>and<strong> jQuery</strong> together in building modern beautiful, fully functional amazing websites.</p><p>HTML CSS and JavaScript are the cornerstones of the web. These are the foundation languages of every web page today, and every page has all or combinations of these core technologies. </p><p>This course is perfect for anyone who wants to learn about web design and web development. Knowing how to use these core technologies provides limitless possibilities. This course will help you get started quickly and lay the foundation for programming fundamentals.</p><p>The core of being a front-end web developer is knowing how to utilize HTML, CSS and JavaScript to build projects from concept to inception. </p><p><strong>This course will introduce you to HTML which provides the structure for your webpage</strong></p><ul><li>how to build an HTML5 template</li><li>Learning what HTML is and how it works</li><li>Using comments, and meta information</li><li>Working with attributes</li><li>Adding Images, hyperlinks, tables and lists</li><li>How to use Headings, paragraphs, and line breaks</li><li>Structuring your HTML page for better presentation</li><li>Everything you need to know about HTML forms</li></ul><p><strong>Add your style making your HTML code shine with CSS</strong></p><ul><li>What CSS is and how it works</li><li>Colors and Text styling</li><li>How to work with backgrounds</li><li>What the box model is and why it’s important</li><li>Google fonts</li><li>Making it responsive</li><li>Better selection of HTML elements</li><li>Display position and more</li><li>Why use Pseudo Classes and Pseudo elements</li><li>Nesting, multiple element styling</li><li>How to transform your HTML code</li><li>How to make a navigation bar</li></ul><p><strong>Make your website come to life with JavaScript</strong></p><ul><li>How to write JavaScript code</li><li>Built in methods</li><li>Different data types in JavaScript</li><li>Debugging JavaScript</li><li>Variables arrays and objects</li><li>Using functions to make the magic happen</li><li>The power of the DOM</li><li>Selecting elements to make dynamic</li><li>Interacting with your web users</li><li>Event listeners</li><li>Creating elements on the fly with JavaScript</li><li>Operators and more</li><li>Conditions and switch statements</li><li>Looping your code</li><li>What JSON is and how to use it</li><li>No page reload AJAX calls</li><li>Sending data to the server and receiving data as objects</li></ul><p><strong>Take it one step further with jQuery</strong></p><ul><li>What jQuery is and how to use it</li><li>DOM and jQuery together</li><li>Selectors picking your elements</li><li>Manipulation of your HTML code</li><li>Events and listeners</li><li>jQuery code challenges</li><li>Traversing the DOM with jQuery</li><li>Why you’ll love jQuery</li><li>Do even more with jQuery</li><li>Hide show and toggle elements attributes</li><li>Sliding, animations and cool effects</li><li>jQuery and AJAX the perfect match up</li></ul><p>This course covers all this and more…. All the source code is included… With regular challenges and exercises… </p><p>By the end of the course you will have the skills and know<strong> how to create websites. </strong> </p><p>I am here to help you learn how to create your own websites and ready to answer any questions you may have.</p><p>Want to know more, what are you waiting for take the first step. Join now to start learning how you too can <strong>create websites today.</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn jQuery by Example Course | https://www.udemy.com/course/complete-jquery-course/ | Introduction to the wonderful world of using jQuery to increase speed. Learn to power Dynamic and interactive web 2.0 | <p><strong>Complete jQuery Course</strong></p><p>Learn how to make your website better with jQuery</p><p><strong>You will be amazed </strong>at what you can do with jQuery and how easy it is to use. It simply makes sense, helps you <strong>create dynamic</strong> and<strong> interactive content quicker!</strong></p><p>This course is designed for beginners to learn how to use jQuery.</p><p>This course covers everything you need to know about using jQuery. By the end of the course you will better understand how jQuery works and how you can use it to create better quicker web pages. <strong>You web visitors will thank you! </strong></p><p>See jQuery in action and I guarantee you will want to apply it to your own code. It really is fun to use, and simplifies many of the popular JavaScript functionality.</p><p><strong>Topics covered in the course include</strong></p><ul><li>JavaScript DOM</li><li>How to add jQuery to your website</li><li>Basics of jQuery and JavaScript</li><li>Event listeners</li><li>Traversing elements to better select HTML content</li><li>Adding CSS to wow your visitors</li><li>jQuery Effects and Animations</li><li>jQuery and AJAX</li></ul><p><strong>jQuery is super powerful</strong>, lightweight and easy to add to your webpages. Its JavaScript but only better.</p><p>I am here to help you learn jQuery and ready to answer any questions you may have.</p><p> jQuery is an in <strong>demand skill</strong>, and<strong> learning jQuery </strong>will help to separate you from the crowd who don’t know jQuery.</p><p>Want to know more, what are you waiting for take the first step. Join now to<strong> start learning jQuery today.</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn PHP Basics | https://www.udemy.com/course/learn-php-basics/ | Guide to learning the core concept of PHP coding, covering fundamental PHP coding syntax and how to use it | <p>Learn PHP, this course covers core functionally of PHP code. <strong> Learn the basics of using PHP code to create web applications.</strong></p><p>From an instructor with over 15 years of PHP application development experience, let us introduce you to using PHP. <strong>PHP lets you create dynamically generated websites, quickly. </strong> </p><p><strong>PHP is a scripting language that helps people make web pages more interactive, by allowing them to do more things.<br></strong></p><p>PHP is a powerful scripting language that runs on your server and allows you to provide accelerate your web pages. PHP is the most popular backend code for most websites on the internet you see today. PHP is everywhere, from large to small sites. Learning PHP will help you expand what you can do with Websites.</p><p>PHP is designed for large websites, creating a customized user experience, and creating amazing dynamically generated content for users. PHP can connect database content to your website, gather form information from users and a whole lot more.</p><p>Everything is included, top resoruces, source code and step by step learning.</p><p>I am here to help you learn PHP and ready to answer any questions you may have.</p><p>PHP is an in demand skill, and learning PHP will help to separate you from the crowd who don’t know PHP</p><p>Nothing to lose, there is a 100% Money Back if you don’t like it</p><p>Want to know more, what are you waiting for take the first step. Join now to start learning PHP today.<br></p> | | | | | | | | | | | | | | | | | | |
|---|
| SEO Basics Tips for Ranking Better | https://www.udemy.com/course/seo-basics-tips-for-ranking-better/ | Over 250 SEO tips to help improve your search engine ranking SEO guide to website content and online success | <p>We all know that better ranking equals more traffic which equals more sales online.</p><p>SEO The practice of Search Engine Optimization has changed a lot and will continue to evolve. Develop a mindset, in order to evolve alongside. There are several constants when it comes to good ranking. Learn common sense practices for better understanding of what to consider when it comes to your SEO website planning.</p><p>From an instructor who’s been online since 1999 and has created hundreds of websites driving hundreds of millions of views. By regularly keeping pace with best SEO practices this course will outline what you can do to better optimize your websites. </p><p>This course will illustrate what can be done to improve your chances of ranking well within search results. There are over 250 tips discussed throughout the course, which help you think smarter about SEO and to better help you optimize your website. It’s not about learning a magic trick to get to the top, it’s about thinking and using common sense to create better performing websites. If you are looking for a secret magic formula, this is not the course for you. It takes hard work, and persistence but success online is in reach for anyone who wants it. </p><p>The course instructor has comprised a list of over 250 plus items which get discussed within the course, that you should consider when you want to improve your search engine ranking. This is a list of tips that have been kept and regularly updated when new guidelines and strategies are released. This course is not about memorizing all these techniques it about learning to think about what works in SEO. Our approach to SEO is more like a natural common sense approach, than a set of rules. Finding that fine line now when it comes to what is important for your individual website SEO.</p><br>Understanding the principles discussed in the course will help you better navigate the complex and sometimes opposing strategies for SEO. | | | | | | | | | | | | | | | | | | |
|---|
| Power up HTML5 with JavaScript | https://www.udemy.com/course/power-up-html5-with-javascript/ | Learn some amazing JavaScript API and HTML5 technologies Use JavaScript with HTML5 to create interactive content | <p>This course will demonstrate and help you learn some of the technologies that are available within HTML5 and JavaScript</p><p>JavaScript API allows you to access so much information from your web page. Using new HTML5 elements along side JavaScript can really make amazing experiences for web users.</p><p>Taught by a course instructor with over 15 years of real web development experience. Having created and works on hundreds of websites and web applications, we bring years of experience to you in this course.</p><ul><li>Learn to create JavaScript Drag and Drop</li><li>How to use Event Listeners to create interactive content</li><li>Use web storage local and session storage explained.</li><li>How geolocation works</li><li>How to use web workers</li><li>Drawing paths on Canvas</li><li>Creating animations with canvas</li><li><span></span>And a lot more.</li></ul><p>Top resources, links and source code is included.</p><p>When you are ready lets start learning JavaScript APIs.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JSON AJAX data transfer to MySQL database using PHP | https://www.udemy.com/course/json-ajax-data-transfer-to-mysql-database-using-php/ | Create a dynamic input form that can add data and retrieve data from a MySQL database! | <p><strong>Create a dynamic input form that can add data and retrieve data from a MySQL database!</strong><strong> </strong> Learn to create this project from Scratch<br></p><p>Instructor of this course is a web developer with over 15 years of experience working on hundreds of projects. Sharing real world coding experience.</p><p>This course is ideal for anyone who wants to see multiple programming languages working together. <strong>The end product will be a HTML form the can submit data via AJAX to a mySQL database. Using JSON formatted data we display all of the MySQL table contents within our webpage.</strong></p><p>JavaScript > AJAX > PHP > MySQL vs MySQL > PHP > JSON > JavaScript</p><p>Learn how to use HTML, CSS, JavaScript, Jquery, JSON, AJAX, PHP, MySQL together in one project.</p><p>Topics covered include</p><ul><li>JavaScript Objects</li><li>JSON formatted data</li><li>JavaScript AJAX to retrieve data</li><li>PHP database connection</li><li>PHP arrays</li><li>MySQL database with PHPmyAdmin</li><li>MySQL query strings</li><li>CSS form and HTML</li><li>AJAX to PHP JSON formatted data</li><li>JQUERY AJAX</li></ul><p>I know that not everyone prefers JavaScript for AJAX, so I also show you how to re-code the JavaScript AJAX to be JQUERY AJAX. Also some tweaks and code updates are included. In addition I transform the old PHP data code to newer formats so that students can see the different ways of writing PHP.</p><p>All the source files and top resource links are included, so that you too can work along with the code practice and learn better.</p><p><strong>This course is full of amazing content you won’t see anywhere else.</strong></p><p><br></p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn to use JSON | https://www.udemy.com/course/learn-to-use-json/ | Use JSON to exchange data between server end code and front end code using AJAX create dynamic JSON file with PHP | <p>Welcome to our introductory course to using <strong>JSON JavaScript object notation</strong></p><p><strong>Learn to use AJAX to connect and bring JSON data into your JavaScript!</strong></p><p> it’s a lightweight data interchange format that is quickly becoming the default format for data exchange on internet today!</p><p> JSON is extremely popular in web applications because it’s lightweight, designed to be language of independent and easy to read and write transfer data easily between server and client.</p><p><strong>JSON is lightweight, language independent and easy to read and write</strong></p><p>JSON is better than XML and more popular!</p><p>This course covers creating and using JSON</p><p> the course of instructor has over 15 years of web development experience and will show you how to use JSON. Experienced using JSON within many applications its a preferred way to exchange data between applications. You’ll see why Jason is so popular.</p><p>When you start using JSON you are never going to look back.</p><p><strong>Easily exchange data between client and server applications.</strong></p><p>JSON Course covers everything from start to finish to get you using JSON quickly!</p><ul><li>Learn the basics of JSON </li><li>JSON structure data of delivery</li><li>basics of JavaScript object data</li><li>using Json data in your HTML pages</li><li>object data from JSON</li><li>Learn how to access external files</li><li>output object data and return data</li><li>Access return data</li><li>the of looping return data</li><li>creating Dynamic PHP JSON</li><li>contact access to PHP Json files</li><li>and a whole lot more</li></ul><p><strong>JSON is a easy to use and built for storing and exchanging data.</strong></p><p> Everything you need to get started using JSON is included but then this course.</p><p>Resources, source files and top links are also included.</p><p>Let’s get ready to learn JSON and AJAX</p> | | | | | | | | | | | | | | | | | | |
|---|
| Basics of CSS | https://www.udemy.com/course/basics-of-css/ | Learn the fundamentals of applying styling to HTML code, CSS syntax and how to use it. Simple guide to getting started | <p><strong>Cascading Style Sheets (CSS) </strong>is a style sheet language used for describing the presentation of elements within an HTML page.</p><p>This course is designed to help you learn how to use CSS within your web pages. From an instructor with over 15 years of web development experience.</p><p><strong>Make you webpages look…. BETTER!</strong></p><p>Let me introduce you to using CSS. I show you how to add CSS to your websites. What CSS can do and the amazing transformation that can be done. </p><p>Learning the CSS fundamentals will help you develop the core skills to apply styling to your HTML content.</p><p>We teach you </p><ul><li>What CSS is</li><li>How to add CSS to your websites</li><li>Add colors to fonts and backgrounds</li><li>Learn about the Box Model </li><li>How Padding, Borders, and margins work</li><li>Update your height and width</li><li>Working with text and select fonts</li><li>Working with lists</li><li>How to active your hyperlink styles</li><li>Basics of displaying content with CSS</li><li>All about CSS positioning</li><li>and much more</li></ul><p><strong>APPLY WHAT YOU’VE LEARNED</strong></p><p>At the end of the course we show you how to bring together what you’ve learned to transform some HTML code into a fully styled website.</p><p><strong>Create your own website from scratch</strong></p><p>All the source code is included, in addition to top resource links and everything you need to have to get started with CSS.</p><p>Lets start learning CSS.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn Adobe Brackets Free open source code editor | https://www.udemy.com/course/learn-brackets-free-open-source-code-editor/ | Brackets is an open source text editor this course will show you what you can do with it | <p><strong>Learn more about using Brackets as your code editor.</strong></p><p>A modern, open source text editor that understands web design. Learn how to use <strong>Brackets</strong> and see all the functionality in action. Learn about top extensions and addons. Review of best setup techniques.</p><p>Learn how to use Brackets and how you can easily switch to using Brackets as your code editor.</p><p>I’ve been a web developer since 2000 and have used a number of code editors. I was originally using Dreamweaver in a number of my courses. I found that there were many students who wanted to have the same editor and setup that I have as they follow along with course content. I switched to several open source editors until I found Brackets. I’ve been using Brackets on a regular basis and found that I don’t open Dreamweaver as much anymore. The best part of <strong>Brackets its free,</strong> so anyone who wants to use the same editor as I do in my courses can do so without barrier. </p><p>I decided to create this course to illustrate how to get brackets, how to set it up and some of the advanced features available in Brackets. In addition I wanted to list out top extensions to really power up your Brackets application. </p><p>I also cover my XAMPP server setup which allows me to use localhost as my webserver. XAMPP is really straight forward on getting going so most of the course is focused on using Brackets.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Basics of JavaScript coding | https://www.udemy.com/course/basics-of-javascript-coding/ | Learn JavaScript in under 1 hour Core concepts and fundamentals of JavaScript | <p>Learn the core fundamental concepts of JavaScript.</p><p>Course for Beginners who want to learn about using JavaScript</p><p>Learn JavaScript in under 1 hour, all source files are included.</p><p>Learn about how to add JavaScript to your web pages</p><ul><li>How to apply JavaScript</li><li>Access the DOM document object model</li><li>Update and interact with HTML code</li><li>Variables and operators</li><li>Functions and how to use them</li><li>Working with arrays</li><li>Add logic with conditions</li><li>Loop content to save time</li></ul><p>JavaScript is an essential part of any webpage, user expect more from your web content. JavaScript provides the next level of web interaction.</p><p>Develop a solid understanding of JavaScript with these core concepts, to better and advance into further JavaScript coding.</p><p>Learn JavaScript step by step guidance to understanding what and how to use JavaScript.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Getting Started with HTML | https://www.udemy.com/course/html-basics-course/ | Simple introduction to learning HTML learn in under 1 hour how to use HTML | <p>This course is the perfect introductory point to dive in and learn about HTML.</p><p><strong>Learn HTML in under 1 hour!!!</strong></p><p>Welcome to our easy introduction to writing HTML code.</p><p>We cover all the basics and how HTML works. What you need to know in order to structure and write your own HTML code.</p><p>HTML code is the foundation of web pages, and knowing the basics of HTML code is important in today’s world. It can really help with the overall understanding of how content works online and how webpages are built.</p><p>Learn..</p><ul><li>how to create HTML pages</li><li>HTML page structure</li><li>what the browser sees</li><li>basics of HTML</li><li>Hyperlinks</li><li>Paragraphs, headings, titles</li><li>Lists and adding images</li><li>Tables</li><li>how to apply styles</li><li>Element Attributes</li><li>Creating forms in HTML</li><li>DIV and SPANS for styling</li></ul><p>HTML is simple and straight forward, if you have been thinking about learning what HTML can do this is the course for you.</p> <p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Canvas image Creator HTML5 JavaScript project from Scratch | https://www.udemy.com/course/canvas-image-maker-html5-javascript-project-from-scratch/ | HTML5 JavaScript Jquery project from scratch learn by example. Step by step awesome application built from Scratch | <p><strong>See HTML5 JavaScript and JQUERY in action working together in a custom made application.</strong></p><p><strong>Custom application creation</strong>, create an image uploader that can frame uploaded image content and output it to the user. This course will show you how to create this useful application from scratch. Allow visitors to use your app, to upload and image, move it around and output a new image on the fly. Add your own custom marketing branding frame to the users uploaded image. <strong>HTML5 Image Creator application from scratch!</strong></p><p>In this course I create a user image generator application from scratch. Users enjoy being able to interact with an app creating their own custom images online. Step by step instruction how you too can build apps like this using HTML5 and JavaScript. All the source code is included.</p><p>From an instructor with over 15 years experience, I’ve developed hundreds of applications. This is the perfect type of app to increase user engagement and interaction on your web pages. Add a frame to the newly created image for branding and promotion. Create your own version of this app, step by step code explanations. </p><p>This course covers how to use JavaScript to create HTML5 canvas interactions. Use Jquery and send data via AJAX to the php backend. </p><ul><li>Learn by example</li><li>real world useful code</li><li>source code included</li><li>JavaScript HTML5 Canvas tutorial</li><li>AJAX Jquery</li><li>PHP to create images</li><li>Build an app from scratch</li></ul><p>This course is perfect for anyone who wants to see an app build from concept to creation. Popular useful code, learn how to put it all together. Learn what HTML5 canvas can do.</p><p><br></p><p><strong><br></strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Introduction to HTML5 Canvas basics of drawing | https://www.udemy.com/course/introduction-to-html5-canvas-basics-of-drawing/ | Beginners Guide to working with JavaScript and HTML5 canvas | <p>Learn to draw on your webpages using the HTML5 canvas element. Using JavaScript allows you to create amazing creations right on your web pages.</p><p>The course instructor has over 15 years of industry experience as a web developer. Having worked on hundreds of projects. Learn real world skills to enhance what you can do with your web pages.</p><p>This course is perfect for beginners who want to learn more about using some of the really awesome features available in HTML5. We teach you how to work with canvas and draw on it.</p><p>Step by step coding instruction, everything is included in this course to get you going quickly.</p><p><strong>Learn how to </strong></p><ul><li>Add canvas in HTML</li><li>connect Canvas to JavaScript</li><li>Draw on the canvas</li><li>Height Width of Canvas</li><li>Grid positioning</li><li>Canvas Strokes</li><li>Drawing Paths for custom shapes</li><li>Drawing Arcs and circles</li><li>Color options for drawing</li><li>Working with images</li><li>DOM Document Object Model</li></ul><p><strong>and a whole lot more….</strong></p><p><strong>Source files, top resource links and more are included to get you started quickly.</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Building HTML5 Canvas projects from scratch | https://www.udemy.com/course/building-html5-canvas-projects-from-scratch/ | Learn to create several useful code projects using html5 canvas JavaScript. Learn by example as we build these projects | <p>Best way to learn is by <strong>real examples of code</strong>, showing you how the code works together to <strong>create amazing applications from scratch</strong>.</p><p>Canvas drawing is done using JavaScript, this course focuses on JavaScript based around HTML5 canvas interactions. Also covers some basic AJAX, PHP, JQUERY, Bootstrap.</p><p>HTML5 canvas provides an amazing opportunity to create some really cool effects on web pages. This course will show you how to build projects from scratch, using HTML5 and JavaScript. How to use JavaScript applying it to the canvas to create animation and user generated content on the fly.</p><p>I have over 15+ years of web development experience, and have worked on hundreds of web applications just like these. One of the best ways to learn is by example, so I’ve created some projects that really demonstrate core applications that can be created using html5.</p><p>This course is designed to help you learn and develop skills for working on real world concepts using JavaScript and HTML5. Starting from scratch, step by step explanations of what code to use and where. We demonstrate how the code gets used, in addition to the process of building something from concept to launch.</p><p>All of the source files are included, top resources and links are shared throughout the course. Code samples are explained step by step, and you are encouraged to work along with the course material.</p><p><strong>Project one canvas animation tutorial – designed to demonstrate animation in HTML5 canvas</strong></p><ul><li>Covers basic concepts of how to animate in canvas</li><li>JavaScript to use that helps with animation</li><li>how to draw paths on canvas using JavaScript</li><li>how to create arcs and circles</li><li>Added object effects in JavaScript – random colors and shadows</li><li>how to apply logic to create a continuous animation</li></ul><p><strong>Project two create user generated images – learn how to draw on the HTML5 canvas and output those images.</strong></p><ul><li>basics of scoping a project from scratch</li><li>setup html5 field types and buttons</li><li>link to bootstrap and jquery</li><li>apply event listeners for user interaction</li><li>get mouse cursor position and calculate actions</li><li>event triggered functions</li><li>pass base64 image data to webpage</li><li>use AJAX to send image data to the server</li><li>use PHP to generate png files from the HTML5 canvas drawing</li></ul><p>In addition, I provide regular support to students. Also course upgrades and new projects will be added regularly.</p><p>The code in these projects is included!!! for you to be able to get a jump start on creating your own projects using Canvas.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| HTML5 canvas Bootcamp for beginners 25 easy steps | https://www.udemy.com/course/html5-canvas-course-for-beginners/ | Basic introduction to about how to use canvas element on your webpage JavaScript dynamic image generation | <p>Do you want to learn about HTML5 canvas and get drawing on your web pages quickly?</p><p>This is a crash course on how to use HTML5 canvas, taught by an instructor with over 15 years web development experience </p><p>Topics covered include</p><ul><li>Introduction to what canvas is and how to use it</li><li>Basics of lines and strokes</li><li>moving paths and pixel locations </li><li>using images within canvas</li><li>adding text</li><li>cool effects – shadows and more</li><li>transformations</li><li>working with dynamic content looping</li><li>color formats along with how to apply gradients</li><li>showing you how to render your canvas content to and image</li></ul><p>Canvas consists of a draw-able region defined in HTML code with <em>height</em> and <em>width</em> attributes. JavaScript code may access the area through a full set of drawing functions, allowing for dynamically generated graphics. </p><p>Some common uses of canvas include building graphs, animations, games, and image composition.</p><p>This course includes everything you need to build a solid foundation to create amazing content using canvas on your web pages.</p><p>Let begin learning HTML5 canvas.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| HTML5 course for Beginners Learn to Create websites | https://www.udemy.com/course/html5-course-for-beginners-learn-to-create-websites/ | Learn to make your own website from scratch everything included Easy to follow Complete guide to web design | <p><strong>This course is HTML5 focused, will teach you HTML5</strong></p><p><strong>HTML5</strong> is the latest evolution of the standard that defines HTML. This course will teach you everything you need to know in order to create websites using HTML5. Modern web design course with New HTML5 elements, attributes, and behaviors.</p><p>Learn HTML5 which allows more diverse and powerful Web sites and applications. <span></span></p><p>All Resources, Source Files, Top Links and additional reading material is included, so that you can get started quickly creating website using HTML. I’ve developed hundreds of websites and I’m going to share what I have learned over the past 15 years developing websites within this course. </p><p>This is a perfect course for beginners who want learn more about HTML5. </p><p>Topics covered in this course include:</p><ul><li>Create a default HTML5 template to use and reuse to create unlimited websites (source code included)</li><li>How to create a mockup for your website design</li><li>All about content sectioning and proper website design structure</li><li>adding a navigation bar to your web project</li><li>Inline text semantics</li><li>HTML5 elements that a new and powerful</li><li>How to add audio video and other media</li><li>Introduction to using Canvas to draw within HTML5</li><li>More options for forms that are now more mobile compatible</li><li>example contact form for your website</li><li>Interactive HTML5 elements</li><li>Progress bars and more</li><li>Tables and element attributes</li></ul><p>We complete the course showing you how to add CSS in order to style your website creating a full 4 page website from scratch with the code discussed within the course.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn HTML5 Canvas for beginners | https://www.udemy.com/course/learn-html5-canvas-for-beginners/ | Learn how to create drawings using JavaScript on HTML5 Canvas Course covers basics of how to use Canvas and Draw | <p>The canvas element in HTML5 allows you to create amazing dynamic script based <strong>drawings and animations directly within your webpages.</strong> Bringing your JavaScript to life visually drawing free form graphics on a drawing surface.</p><p>Canvas is a powerful element with many options. In this course we show you how to use canvas and start drawing onto it using JavaScript. With over 15 years experience in web development I show you how to use canvas in the real world. Learn the basic concepts of using canvas to draw directly on your web page.</p><p>This course is for beginners who want to learn how to use HTML5 better. You will learn how to setup canvas and how to interact with it. I share top resources, links and code snippets to practice and perfect using canvas for web development.</p><p>Course covers </p><ul><li>starting to draw on the canvas</li><li>drawing rectangles and lines</li><li>drawing arc and circles</li><li>how to implement curves</li><li>how to add colors</li><li>dashes, lines, and gradients</li><li>Popular HTML5 methods</li><li>How to add text</li><li>creating images on the fly</li><li>on page images</li><li>scaling, slicing and canvas manipulation</li><li>saving and restoring canvas</li><li>rotations and custom transformations</li><li>Animating your canvas</li></ul><p>Source code is included, several challenges with solutions are also included in this course.<span></span><br></p><p>Learn how to create your own dynamically generated graphics and cool animations online.</p><p>You can use canvas for building graphs, creating animations, games, and image composition. </p><p><strong>This course will provide you the base knowledge needed to create drawings within canvas.</strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Basics for Beginners Introduction to coding | https://www.udemy.com/course/learn-javascript-for-beginners-introduction-to-coding-course/ | Learn the foundations of JavaScript coding develop the core skills you need to apply JavaScript to your web projects | <p>In this course we teach you the core fundamental skills that you need to know in order to apply JavaScript to your webpages. Understanding the core coding options allows you to develop a solid base to build even more complex JavaScript.<br></p><p>JavaScript is an excellent gateway to learning scripting languages, its perfect for beginners. Learn how to use JavaScript Step by Step. JavaScript can be fun to work with and really help bring your web concepts to life.</p><p>I’ve created hundreds of websites and have over 15 years real world web development experience. This is a course that outlines key areas that anyone starting out with JavaScript should learn. Build a solid foundation for future web development.</p><p>JavaScript allows your web pages to interact with your visitors, creating dynamic customized interactions. React to user actions bringing your web content to the next level.</p><p>In this course you will learn to….</p><ul><li>Create your first JavaScript code – its easy I promise.</li><li>learn how to add JavaScript to your web pages</li><li>Better understand the structure of JavaScript</li><li>Key JavaScript components like Functions, Arrays, Objects, Loops and conditionals and how to apply them in code</li><li>Web development skills to the next level</li><li>JavaScript Core functionality learn about using Math, Strings, literals identifiers and more. </li></ul><p><strong>Experience what can be possible with JavaScript. Learn to create your own immersive web experiences with JavaScript. Make interactive websites.</strong><br></p><p><strong>Let’s start Coding JavaSCript </strong></p><p><strong></strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn JavaScript Dynamic Interactive Projects for Beginners | https://www.udemy.com/course/learn-javascript-dynamic-interactive-projects-for-beginners/ | Bring HTML code to life with JavaScript. Access and update your web code with JavaScript through the DOM | <p>Bring your web pages to life with <strong>user Interaction</strong>. <strong>Create Dynamic responses </strong>using JavaScript. Web visitors are expecting more, and that’s interaction with the content.</p><p><strong>JavaScript opens the doors to being able to create amazing effects and being able to deliver that expected experience.</strong></p><p>I’m a JavaScript developer, having worked on and created hundreds of websites. I’m going to show you how to use JavaScript to access your web page content and make it dynamic.</p><p>This course is designed for<strong> beginners </strong>who want to see <strong>real world examples</strong>. I show you how you can use JavaScript and your imagination to make amazing things online. All of the source code is included. I also share resources that are used in the course. Tips, and coding methods are also included.</p><p>In this course you will learn to make three <strong>projects from scratch,</strong> using JavaScript to create useful code snippets that can be reused in the real world.</p><p>Topics that are covered include Functions. <strong>Introduction to functions</strong>, how JavaScript compiles your code and the difference between declaration functions and expressions. Functions are so important to understand when it comes to creating interaction. They save time and can accelerate your development process. Using user input and accessing it in JavaScript. Once you get content into JavaScript you can then apply your logic to output endless possibilities.</p><p>The DOM, document object model is available and accessible using JavaScript. The DOM opens up full access to anything that the browser is able to present. Learning how to use the DOM brings your JavaScript to the next level. Accessing the DOM makes it easy to do. Learn how to access various elements, any piece of content within your webpage. Event listeners are exactly what you need to add that user interaction. There are many options with event listeners, and when used with the values you get from the web content you can really bring your content to life. </p><p>We cover how to list out objects, arrays and loops. How to update HTML and Text on your webpage dynamically. Using Math in JavaScript allows you to make calculations and even create random values. </p><p>Next we show you how to access your HTML styling and manipulate it. Bring CSS styling together with JavaScript, changing the look of your web content customized for each user. Add cool effects for your users.</p><p>DOM and accessing HTML element attributes. In this project understanding how to dynamically use JavaScript to create elements in HTML, update attribute content, and .append new elements into your HTML code. We teach you how to create a dynamic shopping list, where you can add items and even click to remove those newly created elements. </p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| HTML5 CSS3 JQUERY Single Page Website Project from Scratch | https://www.udemy.com/course/html5-css3-jquery-single-page-website-project-from-scratch/ | Build your own website from scratch Step by Step easy to follow guide web development. Learn to use HTML5 CSS3 JQUERY | <p><strong>Create your own Single Page Scrolling Website from Scratch. </strong> Single page websites are extremely popular, in this course we show you how to build one from Scratch. All the source files and resource links are included, so you too can build your own website by the end of this course. </p><p>With over 14 years experience in web development I’ll introduce you to website design, explained step by step. </p><p>Starting with a setup of a basic<strong> HTML5</strong> web template. Next we add in some content and create a shell to build the one page website on. </p><p>Next we bring the content to life using<strong> CSS3</strong>. Styling turns the HTML code into a styled webpage.</p><p><strong>JavaScript</strong> and <strong>Jquery</strong> are then used to create amazing scrolling effects. Using data from the DOM, and properly calculating the section sizes we show you how to create page scrolling with Jquery.</p><p>All the source files and resources are included so you can get started quickly. Build an amazing website in less than an hour.</p><p>Bonus content – update the code to create a fully functional website. Expand your portfolio and practice website design. We turn the previous menu into a fully functional sticky header menu. Add images and colors to create the sample website, ready for the real world. Make it responsive and have it re-size and expand to fit any screen.</p><p>Lots of bonus content, an instructor who helps and responds to questions quickly. </p><ul><li>Learn to create a contact form</li><li>learn how to apply JQUERY with HTML and CSS</li><li>Access and interact with the Document Object Model DOM</li><li>add Bootstrap for styling</li><li>use Awesome fonts for cool fonts</li></ul><p><strong>Learn to Create your own website in easy to follow steps. Let’s get started creating amazing websites.</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Build a website HTML5 CSS3 Beginner Course | https://www.udemy.com/course/how-to-build-a-website-html5-css3-beginner-course/ | Complete Starters Guide to Creating a website form scratch HTML5 CSS3 PHP contact from Responsive Design Templates | <p><strong>Complete web developer guide to creating an amazing fully functional website!</strong></p><p>All of the source files and resources needed to create a custom website from scratch are included in this course. This course is perfect for anyone who wants to learn about website creation. All of the source code is explained in a step by step easy to follow structure. Learn to make your own websites, grow your portfolio and more.</p><p>Web development skills are in high demand, this course will teach you how to make websites. Starting with a blank page, code is added and explained. Starting with a wireframe we build out the site step by step within this course. <strong> Watch the code come to life!</strong></p><ul><li>Start with a basic HTML5 template which you can use to create any website.</li><li>We show you how to create a content page structure, using a header, container, submenu and footer. Format your websites using this base structure to create unlimited number of variations.</li><li>Create a NAV bar for website navigation</li><li>Style your HTML to make it look amazing</li><li>Add main content area and submenu for more navigation</li><li>Source files are included, follow along creating your own content.</li><li>Create a footer and your website is ready to go.</li></ul><p>Next steps are also included. Add simple PHP code to create added functionality such as a contact form. Make your website multi page ready with PHP headers and footers. You will be able to create and propagate changes in the heading across as many pages as you like. We also walk you through how to make your website responsive to be viewed on any screen.</p><p><strong>Complete website development course, create your own version of this website use it in your portfolio.</strong></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript for Beginners Welcome to learning JavaScript | https://www.udemy.com/course/javascript-for-beginners-course/ | Learn JavaScript here Simple to follow step by step guide building JavaScript code from scratch beginner course | <p><strong>Experience JavaScript</strong> this course is designed to<strong> introduce you to JavaScript.</strong></p><p><strong>Step by Step quick and easy to learn, get coding JavaScript NOW.</strong></p><p>With over 14 years experience in web development, I share my knowledge with you. Course resources and links to get started are provided within this course. Learn how to add JavaScript to your website. How to use JavaScript to output content and make you web pages interactive.</p><p>Learn about the DOM (document object model) and the power the is available at your fingertips. Learn about Functions and how to use them for quicker and easier code development. Create interactive buttons for web users. Source code is included step by step guide for beginners or anyone who wants to learn more about JavaScript.</p><p>Learn about Event listeners and how important they are to connecting with users of your web content. Using variables effectively to hold value and simplify the code. <br>Bring your JavaScript to the next level by using events and trigger to execute functions and make calculations.<br></p><p>Perfect for beginners to get introduced to JavaScript coding.</p><p>Make you pages interactive and your content dynamic. User expect more from websites, they expect interactivity and JavaScript delivers. </p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Star Rating Project AJAX with JSON response from PHP MySQL | https://www.udemy.com/course/star-rating-project-ajax-with-json-response-from-php-mysql/ | Get dynamic data response using JQuery and AJAX to return PHP server content | <p>Learn how to make a image rating application from scratch!</p><p>Everything is included, source files, resources and top links to get you creating your own projects quickly. Syntax use is explained step by step learning.</p><p>Multiple technologies are used in this course together to demonstrate how projects can be built. HTML and CSS to create the base of the application. How to add Jquery and setup AJAX calls. Setup PHP files to respond back to the AJAX call sending JSON data back to the front end.</p><p>Full project from start to finish, use the source code to create your own version of this useful application. One of the best ways to learn is to see code in action, see what it does fully explained. MySQL database connection with front-end Jquery.</p><p>There are so many great things that can be accomplished when combining front and backend code. Real world projects like this are useful and can also be incorporated and expanded to multiple other purposes. </p><p>This course is designed to teach you how to create applications, better learn and understand AJAX and JSON. </p><ul><li>HTML</li><li>CSS</li><li>MySQL</li><li>JQUERY</li><li>JavaScript</li><li>PHP</li><li>JSON</li></ul><p>Most popular tech online is demonstrated in this course.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Learn how to get your own website quickly | https://www.udemy.com/course/quick-website-learn-how-to-get-online-have-your-own-website/ | Learn the best ways to get a website quickly how to create your own website an get online in minutes | <p>Did you know that you can have your own website without coding, or perhaps you know some HTML and CSS and want to create your own. We demonstrate some quick alternatives to coding your own website from scratch as well as what it takes to create them from scratch.</p><p>This course is designed to provide an overview of options that are available to get online and have your own website. It will showcase popular approaches to getting a website and getting online. Compare and see what it takes.</p><p>Learn what it takes to get your own website, options, questions answered, best solutions, resources and lots of great information to help you make informed decisions. With so many options to get your own website this course will help you become more aware o what you can expect and what are some of the most popular options.</p><p>This course is designed to <strong>help you better understand options </strong>when it comes to setting up your first website.</p><p>When it comes to setting up a website there a plenty of options. I’ve created this course to help people make better decisions on what technology they should use, what they can use and what is involved in getting a website. This is for all skill levels whether you already know HTML and CSS or have no experience at all with HTML. </p><p>Did you know that you can have a website up in <strong>under 10 minutes</strong> on any host, a fully functional website of your own. Its easy and most of all the experience of setting up your own site is amazing. <strong>Do it yourself, create your own website. No HTML required!</strong></p><p>If you already know HTML or want to go a step further there are several really great frameworks that can help you develop websites faster. Mobile responsive websites are essential now, being mobile ready is something every website needs. Its surprising easy to set this up with so many options online.</p><p><strong>This course is designed as a guide to help you and inform you what is possible and what you can expect.</strong></p><p>The above are the 3 main options that you have to decide and should look at when making that decision to create a website. It all depends on how much coding you want to do. If you are just starting out and want to get up and running quickly there is an option for that. You can use Content management systems like WordPress which is relatively easy to setup and doesn’t require coding knowledge. Let me show you how to get online quickly.<br></p><p>All websites are based in HTML, which is the fundamental structure for the web. HTML to structure the site, CSS to style and design the look and JavaScript for interaction. If you use a framework like bootstrap it will make it easier to format sites to be responsive to the screen size. Creating sites with bootstrap is quicker, but does require some knowledge of HTML and CSS.<span></span><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| SEO for Webmasters Thinking SEO | https://www.udemy.com/course/seo-for-webmasters-thinking-seo/ | Web developers Guide to creating Search Optimized Websites better ranking and smarter website design and development | <p>SEO<strong> Search Engine Optimization </strong>course designed to help web developers create and think more about search ranking during the design process.</p><p>Thinking about SEO is an important aspect when it comes to web development. Website success depends on traffic, the main source for web traffic is search engines. Having optimized content and website structure helps create success online.</p><p>On-page onsite SEO that webmasters can utilize for better search ranking and for better user experiences. Search ranking algorithms are based on ques that mimic user behavior. The more time a user spends on a website means that the more the algorithm will consider the content on the site to be meaningful. Search engines want their users to be satisfied with the results and have a good experience with the websites that receive their traffic. The end result is that if you have a well designed, well optimized website that real people enjoy, means that search engines will want to rank you. Lower bounce rates more time on site are all important measurements that help rank your site in search results.</p><p><strong>By the end of this course you will be able to better utilize SEO technique in your web development process resulting in more successful websites.</strong></p><ul><li><strong>Introduction to SEO – </strong>covering all about the Search Engine Optimization.</li><li><strong>Brainstorming </strong>keywords and creating keyword lists</li><li>Tags HTML structure and website design for<strong> SEO</strong></li><li><strong>TOP SEO Resources</strong> links and tips</li><li><strong>Links</strong> internal and external</li><li>Best tools and tweaks for <strong>better performance</strong></li></ul><p>Everything is included in this course. Downloadable PDF’s that outline and note content covered in the videos.</p><p><strong><br></strong></p><p><strong><br></strong></p><p><strong><br></strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Create a Dynamic User Registration Form from scratch | https://www.udemy.com/course/create-a-dynamic-user-registration-form-from-scratch/ | Complete guide to creating an interactive dynamic login and user registration system connecting frontend & backend code | <p><strong>Learn to create a Registration Form from Scratch PHP MySQL</strong></p><p><strong></strong><strong>Build your own login system</strong>, use AJAX to avoid page refreshes and communicates with the MySQL database. This step by step guide will outline the process to build a custom log in system.</p> <p>This course covers using <strong>HTML, CSS, JavaScript, Jquery, AJAX, JSON, PHP, MySQL</strong> to create a <strong>real world project</strong>. User account registrations are a common use and combination for various coding languages. <strong>We show you how they all fit together to complete this popular web project. </strong></p><p>Source code is included, and code explanations are provided as we work through the creation of this web application from scratch. This project also includes a unique AJAX driven method to communicate with server side coding. Connecting both front and back end coding. Concepts demonstrated within this course will help you learn the foundations for working across different coding languages and making the connections.</p> <p>Learn to use HTML forms to submit content to a database. PHP code to process request data. PHP code to connect to a MySQL database to handle user information.</p> <ul><li>Build your HTML web form</li><li>Create a MySQL database to accept user information</li><li>Connect to your MySQL database using PHP</li><li>Send information from your web form to PHP</li><li>Insert and query database data using PHP</li><li>Create a user login form and a user registration form from scratch</li><li>Add bootstrap for styling</li><li>Use Jquery to create dynamic interaction from HTML code</li><li>Send AJAX requests to PHP code</li><li>Create PHP sessions to hold user login data</li><li>Access PHP sessions with AJAX and send the response back into Jquery</li><li>Update and create dynamic responses with Jquery</li><li>Create logout and form buttons</li><li>Process form requests using AJAX sending data to PHP backend code</li><li>Send JSON formatted responses back to Jquery using PHP server side code</li><li>Update database using PHP depending on AJAX data</li></ul> <p>Allow the user to log in and log out. Create a registration form for users to register accounts into the system. Setup a token validation system to validate emails that get registered in the registration system.</p> <p>Everything is included to help you learn to create your own online user registration system. Basic understanding of coding is required, such as use of PHP and Jquery. Code is provided and we take you through explanations of the syntax.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Twitter Integration customize Tweets with developer API | https://www.udemy.com/course/twitter-integration-customize-tweets-with-developer-api/ | learn to add Twitter content to your website. Use the Twitter REST API to access Twitter Developer Content | <p><strong>Learn how to add Twitter content to your web projects in this easy to follow quick Tutorial designed to get you working with the Twitter Data Feed quickly.</strong></p><p><strong>Keep Visitors on your site instead of having them leave to visit your content on Twitter. More engagement, fresh content and allow them to become part of the converstation easier.</strong></p><p>This course is for anyone who wants to add Twitter to their Website, multiple options that are available either Widgets, JavaScript or REST.</p><p>Integrating Twitter allows you to bring the Worldwide twitter conversation to your site. Get more engagement and have a constant feed of new content right on your website. Save visitors from having to leave you site to check out your content on Twitter.</p><p><strong>Step by Step guide</strong></p><p>This course is designed to be easy to follow along, its encouraged to practice the code being presented through out the course. Resources, source code, and everything you need to pull Twitter Data is included. <br></p><p>Learn about Twitter Development and its core concepts and much more…..<br></p><p>We walk you through step by step with detailed explanations of code and more.</p><p>We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.</p> | | | | | | | | | | | | | | | | | | |
|---|
| API introduction use JavaScript AJAX JSON Social Connections | https://www.udemy.com/course/api-introduction-use-javascript-ajax-json-social-connections/ | Learn how to integrate APIs into your web content Twitter API Google Maps Facebook API JSON AJAX developer guide | <p><strong>APIs are an extremely powerful</strong> way to access content and interact with severs across the internet. Within this course we show you how to use simple JavaScript and connect to popular web 2.0 APIs like <strong>Twitter</strong>, <strong>Google Map</strong>s, and <strong>Facebook.</strong> We show you how <strong>AJAX</strong> works and how to use <strong>JSON</strong> to transfer and output data onto your webpage.</p><p>We use HTML and CSS to setup the webpage, and JavaScript to pull data onto the page. </p><p><strong>AJAX</strong> and how to connect and output file information into HTML using JavaScript.</p><p><strong>JSON </strong>- as a data source, how to check JSON and parse it using JavaScript.</p><p><strong>Google Maps</strong> – is done using JavaScript, we show you how to add interactive maps, set markers and more. Basic JavaScript knowledge is used but not required.</p><p><strong>Twitter Developer API </strong>- We introduce you to the Twitter Developer console, how to create applications and widgets. We show several ways to place Twitter data on your site, including Twitter Widgets, JavaScript only format for search, timelines and user info. Twitter REST API, to pull user feed, search twitter for hashtags, post tweets and more. PHP is used in this lecture but PHP knowledge is not necessary, the source code can be copied and updated with your own keys to access the API. If you want to learn how to access Twitter and create applications that interact with Twitter this course will teach you how.</p><p><strong>Facebook </strong>- Using the JavaScript SDK, we show you how to login, access the Facebook API and pull back data. Authorizing your applications with Facebook authorization.</p><p>All the source code is included, step by step learning and a 30 day money back guarantee.</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Beginners Guide to JavaScript Dynamic HTML interaction | https://www.udemy.com/course/beginners-guide-to-javascript-dyanmic-html-interaction/ | Quick Crash course about using JavaScript to create Dynamic Web content Introduction to the Document Object Model | <p><strong>Quick course learn JavaScript in 1 hour for beginners.</strong><strong></strong></p><p>JavaScript training to teach you how to apply JavaScript to your HTML course. Perfect course for anyone who wants to learn more about using JavaScript. Core concepts and syntax of JavaScript is covered step by step. Foundation of how JavaScript works and how you can begin to connect to HTML elements to create dynamic web interactions.<br></p><p>This course is designed for anyone who wants to better understand how to create their own interactive web content, within this course we show you how to make a basic JavaScript connections. <br></p><p>This course covers</p><ul><li>Built in JavaScript functions</li><li>Outputting custom HTML via JavaScript</li><li>Variable options in JavaScript</li><li>What are functions and how to use them</li><li>Importance of Loops and switches</li><li>Conditional Statements</li><li>Bringing it all together</li><li>JavaScript events and listeners</li><li>Changing HTML using JavaScript</li><li>Document object Model DOM </li><li>Applying JavaScript concepts with HTML elements.</li></ul><p>We walk you through step by step with detailed explanations of code and more.<br></p><ul><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create interactive website content with JavaScript. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.</p> | | | | | | | | | | | | | | | | | | |
|---|
| HTML5 Game from scratch step by step learning JavaScript | https://www.udemy.com/course/html5-game-from-scratch-step-by-step-learning-javascript/ | Learn how to create HTML5 and JavaScript games from scratch Step by step tutorials with real HTML5 code examples | <p><strong>Crash course to learn how to create an HTML5 game from scratch for beginners.</strong></p><p>Core HTML5 training using canvas and setting a gameboard. Adding text and dynamic variables. Using event listeners to determine keyboard actions and create movement. Create a random enemy and have it move around. Interacting with game items like a power up pill. Collision detection to determine multiple reactions to object interactions on the game board. Tweaking and fine tuning game interactions for better game play.<br></p><p><strong>This course is designed for anyone who wants to better understand how to create their own HTML5, within this course we show you how to make a basic HTML5 game from scratch. You can reuse and practice with the sample code in the course.</strong><br></p><p>We start with a blank document, add in html and then JavaScript to create the game.</p><p>The game we create in the course is a pacman type game with a pacman character that can be moved around the screen. There are also 2 ghosts which move towards the player or away if the pacman is powered up. </p><p>We walk you through step by step with detailed explanations of code and more.<br></p><ul><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create html5 canvas animations and content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.</p> | | | | | | | | | | | | | | | | | | |
|---|
| HTML CSS Easy steps to create a web template from scratch | https://www.udemy.com/course/html-css-easy-steps-to-create-a-web-template-from-scratch/ | Complete easy to follow guide to create your own web template using HTML and CSS Quick Crash course for beginners | <p><strong>Beginners course</strong>, this is perfect for anyone starting out and looking find a starting point to develop website.</p><p><strong>Crash course to learn how to create HTML and CSS web templates. HTML5 web template design from scratch.</strong></p><p><strong>Learn to create your own web template from scratch in 1 hour!!!</strong><br></p><p><strong>This course is designed for anyone who wants to better understand how to create their own websites, within this course we show you how to make a basic web template from scratch. You can reuse and update this template to make unlimited websites. </strong></p><p>Step by Step guide</p><ul><li>Learn how to create HTML code</li><li>How to structure an HTML5 web template and common tags.</li><li>Add a nav bar for navigation explained</li><li>connect HTML and CSS ids, classes and tags</li><li>Box model explained</li><li>Floats and fixed width</li><li>Make it RESPONSIVE and mobile ready</li></ul><p>This course is designed to be easy to follow along, its encouraged to practice the code being presented through out the course. Resources, source code, and everything you need to learn to make websites is provided. Start with simple HTML structure as we explain how it integrates with CSS.<br></p><p>Learn about web design and its core concepts and much more…..<br></p><p>We walk you through step by step with detailed explanations of code and more.<br></p><ul><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Roadmap to success for web entrepreneurs | https://www.udemy.com/course/roadmap-to-earning-an-income-as-a-successful-web-developer/ | Guide to getting started as a business creating websites. Web developer business resources and helpful guide | <p>This course is designed as a road-map for you to learn the steps involved in becoming a successful web developer. One of the number one questions I get as a web developer is how to become a web developer. <strong> WHERE DO I START? </strong> I designed this course to <strong>help. </strong>After discussing with a <strong>group of experienced web developers</strong> we came up with a list of how to accomplish becoming a web developer. This course is that list, with resources and more.<br></p><p>I created this content after a meeting with a group of <strong>successful professional web developers</strong> and asking them in detail the question, if they had to start from the beginning what would they do. What advice would they give. This course shared my results and summary to this question. This is great information and I am planning on expanding this course as I continue to inquire from more professionals bringing the knowledge back into this course. If you want to help grow or contribute to this course connect with me.<br></p><p>Its a central location where I will be updating new content, adding linked resources and sharing ideas on everything web development. Its encouraged that students ask questions, share experiences and even resources. Lets build this course together!</p><p>I’ve included a complete guide on how I would go about becoming a web develop and setting up a business online if I had to start without the knowledge I already have. Placing myself in that frame of mind I’ve created this course.</p><p>If you’re already a web developer and want to share knowledge you are welcome to join as well. </p><p>Regular content updates and new material. One stop place to learn about web development.<br></p><p>We teach you the skills you need to succeed.<br></p><p>I’ve been a web developer for over 14 years, and I wanted to create a course that has it all, answers all of your questions about starting off and gives you the base to launch your own successful web creations.<br></p><p>I’ve included multiple pdf downloads a checklist and more.</p><p>We are also planning on having regular updates, if you find something isn’t covered or you want more information let me know and I will help. I’m committed to creating a premier course that is designed to help.</p><p>We have a full 30 day money back guarantee. Content is designed to be effective and clear.<br></p><p>We walk you through step by step with detailed explanations of code and more.<br></p><ul><li>quick lessons get right to the point</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>Everyone and anyone can benefit from this course. Anyone can make extra income online we share the game plan for developing those skills and encourage you to get going.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JQuery Create Overlay Popups from scratch using Jquery | https://www.udemy.com/course/jquery-create-modal-popup-windows-from-scratch-using-jquery/ | Modal popups, enter popups and timed popups can help keep your traffic on your website. Make them using jQuery | <p>Learn by example create amazing jquery code which can be added to websites HTML CSS JavaScript JQuery MYSQL PHP together</p><p>Modal overlay popups, enter popups and timed popups can help keep your traffic on your website. Make them using jQuery “overlay popups” cannot be blocked by popup blockers and are extremely popular for web marketing.</p><p><strong>Learn to write JQUERY from Scratch.</strong><br></p><p>This is a useful code snippet which can be easily marketed to clients or added to your won website to increase user interaction. Modal popup windows are everywhere and very popular,<strong> this course teaches you how to create them from scratch.</strong></p><p><strong>A real world project adding a marketing popup window which can be used to collect and build email lists, highlight featured products, and redirect guiding your visitors to other parts of your website.</strong></p><p><strong>Source code is included, customize and apply to your own websites.</strong></p><p>Everything is included in this course, it is designed to guide you step by step on how to use JQuery to create useful code snippets. Each step is explained and shown what it does and why it is there.</p><p>Learn about HTML, CSS, JavaScript, JQuery and even MYSQL PHP. Create a marketing popup modal window to display on your website. Include a countdown to activate if the user is inactive for a period of time. Use this popup window, sending email form data to PHP which records it into a MYSQL database.</p><p>We walk you through step by step with detailed explanations of code and more.<br></p><ul><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Create a Website from Scratch using HTML CSS step by step | https://www.udemy.com/course/create-a-website-from-scratch-using-html-css-in-1-hour/ | A beginner guide to using HTML and CSS to create websites learn step by step how to create HTML code and then apply CSS | <p>HTML is the core of the internet, knowing how HTML works is essential to understanding how to add content online. CSS positions and controls the HTML making it stand out.<br></p><p><strong>Learn to create your own website from scratch in 1 hour!!!</strong></p><p><strong>Perfect for anyone who wants to understand how to use HTML and CSS. We create a website from scratch. Starting with a blank page we add HTML and CSS to create a complete website.</strong></p><p>This course is designed to be easy to follow along, its encouraged to practice the code being presented through out the course. Resources, source code, and everything you need to learn to make websites is provided. Start with simple HTML structure as we explain how it integrates with CSS.<br></p><p>This step by step course shows you the code you need to know to accomplish making websites.<br></p><p>Learn about web design and its core concepts and much more…..</p><p>We walk you through step by step with detailed explanations of code and more.<br></p><ul><li><p>quick lessons get right to the point</p></li><li><p>fully covered topics with real world examples</p></li><li><p>source files downloadable to work along</p></li><li><p>challenges and lessons and code samples</p></li><li><p>code snippets</p></li><li><p>Links to top resources to save time</p></li><li><p>30 day money back guarantee</p></li><li><p>new course material added regularly</p></li><li><p>trusted name in education since 2002</p></li><li><p>full HD easy to read source coding</p></li><li><p>quick response support to students</p></li><li><p>regular discussions</p></li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.</p> | | | | | | | | | | | | | | | | | | |
|---|
| WordPress essentials Step by Step setup and using WordPress | https://www.udemy.com/course/wordpress-essentials-step-by-step-setup-and-using-wordpress/ | Crash course to learn how to setup WordPress and Use WordPress effectively. Get posting create your own website | <p><strong>This course includes a technical install of WordPress by downloading the source files and installing it on your server. It also includes multiple ways of setting up </strong><strong>WordPress</strong></p><p><strong>Create your OWN website using WORDPRESS!</strong><br></p><p><strong>SETUP WordPress in minutes, learn to navigate the dashboard. By the end of the course you will be ready to use WordPress!</strong></p><ul><li>How to Download and install WordPress on a server or locally</li><li>Backing up WordPress</li><li>Useful WordPress links and resources</li><li>Pinglists for WordPress</li><li>Customizing settings in WordPress</li><li>Useful WordPress links and Resources</li><li>Creating updating and what you need to know about WordPress posts.</li><li>Comments, pages and contact</li><li>Wordpress Dashboard</li><li>Update your WordPress Appearance</li><li>Themes plugins and addons</li><li>Custom menus and page setup</li><li>User control and Tools</li></ul><p><strong>WordPress is the worlds TOP Content Management System, and its incredibly easy to use.</strong></p><p>Everything is included in this course, it is designed to guide you step by step on how to use WordPress. Each step is explained and shown what it does and why it is there. Learn the dashboard.<br></p><p>We walk you through step by step with detailed explanations of code and more.<br></p><ul><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing website with WordPress. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.</p> | | | | | | | | | | | | | | | | | | |
|---|
| MySQL PHP Database Essentials add a Database to your site | https://www.udemy.com/course/mysql-php-database-essentials-add-a-database-to-your-site/ | Learn the fundamentals of MySQL databases and phpMyAdmin and how to connect database to your PHP code | <p><strong>Learning MySQL and phpmyadmin</strong><strong> </strong></p><p><strong>NEW course December 2015!<br></strong></p><p><strong>MySQL Database Tutorial for beginners to help better understand PHP connections. Learn how to interact with PHP code to connect to Databases.<br></strong></p><ul><li>Create a database with both phpmyadmin and PHP code. </li><li>Object oriented connections MySQLi and MySQL.</li><li>How to create a database MySQL</li><li>How to drop MySQL databases</li><li>Different MySQL data types</li><li>How to insert connect to MySQL using PHP</li><li>Output Database content into PHP and web code.</li><li>Selectors wildcards and custom selection options.</li><li>JOIN tables</li><li>GROUP tables</li><li>Avoid SQL injections</li></ul><p><strong>Create update insert and delete database content.<br></strong></p><p>MySQL is the most popular relational database used across the internet today. We show you how to setup and use a database for your website.<br></p><p><strong>Perfect for anyone who wants to understand how to use MYSQL </strong><br></p><p>This course is designed to be easy to follow along, its encouraged to practice the code being presented through out the course. Resources, source code, and everything you need to learn to try MYSQL code is provided. <br></p><p>This step by step course shows you the code you need to know. Learn about mysql databases and its core concepts and much more…..</p><p>We walk you through step by step with detailed explanations of code and more.<br></p><ul><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course. Regualr updates and more.</p> | | | | | | | | | | | | | | | | | | |
|---|
| PHP Essential How to create build Amazing websites with PHP | https://www.udemy.com/course/php-essential-how-to-create-build-amazing-websites-with-php/ | Learn the foundations and features of why PHP code is so popular through this series of clear easy to follow lessons | <p><strong>PHP is the most popular</strong> server side language used to build many of the websites on the internet today. PHP is not as difficult as many people expect and having an understanding of how to <strong>use PHP code</strong> opens a <strong>new world for web developers.</strong><br></p><p>This course is designed to be easy to follow along, its encouraged to practice the code being presented through out the course. Resources, source code, and everything you need to learn PHP is provided. Start with simple PHP functionality as we explain how it integrates with HTML.</p><p>PHP is exciting and we want to introduce PHP to you.</p><p> This step by step course shows you the code you need to know to accomplish dynamic server side web development with PHP<br></p><p>We cover all the core fundamental concepts of PHP that you need to know in order to effectively create your own PHP code.</p><p>Learn about these PHP code concepts and much more…..<br></p><ul><li>Setup PHP</li><li>Coding PHP</li><li>PHP errors</li><li>PHP variables</li><li>PHP operators</li><li>PHP conditional statements</li><li>PHP loops</li><li>PHP arrays </li><li>PHP functions and more</li></ul><p>Knowing how to apply PHP is an excellent skill to have. PHP is everywhere and by the end of this course you will have what you need to use it on your own webpages.<br></p><p>We walk you through step by step with detailed explanations of code and more. </p><ul><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.</p><p>We show you how to write PHP code, easy to learn. Our tutorials are easy to follow and effective in teaching PHP.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Bootstrap Projects Responsive Design Essential Training | https://www.udemy.com/course/bootstrap-projects-responsive-design-essential-training/ | Ultimate guide to quickly start creating website using bootstrap | <p><strong>NEW November 2015 Course! – Create your own Responsive website in under 5 minutes!!</strong></p><p><strong>This course will introduce you to Bootstrap. Teach you how to use Bootstrap to create amazing web content. </strong> Bootstrap <strong>saves you time </strong>and this course is optimized to cover most commonly used aspects of Bootstrap. This course is packed with awesome resources to utilize for better quicker and more effective Bootstrap development. <strong> Everything is included…..</strong></p><p><strong>Each lecture covers different sections of Bootstrap, the structure, how to apply CSS to Bootstrap, BootstrapLayout Components and more…</strong></p><p><strong>Bootstrap</strong> is the <strong>most popular </strong>HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Designed for everyone, everywhere. Bootstrap makes front-end web development faster and easier. It’s made for folks of all skill levels, devices of all shapes, and projects of all sizes.</p><p>One framework, every device. Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.<strong> </strong><strong>Full of features</strong></p><p><strong>EXAMPLES – SOURCE CODE – RESOURCES – HOW TO – STEP BY STEP</strong></p><p>Learn Bootstrap with our Step by Step training, we show you how to create dynamic interaction on your web pages. Learn to use Bootstrap to create better user interaction experiences on web pages. Understand the structure of Bootstrap and how to apply it. Learn at your own pace resources are included, source code and everything you need to practice and learn Bootstrap. We show you useful examples of Bootstrap and explain the development process.</p><p>Knowing how to apply Bootstrap is an excellent skill to have. Bootstrap is everywhere and by the end of this course you will have what you need to use it on your own webpages.<br></p><p>We walk you through step by step with detailed explanations of code and more. We add and update a webpage from scratch adding Bootstrap to bring it to life.</p><ul><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.</p><p>Our tutorials are easy to follow and effective in teaching Bootstrap.</p><p><strong><br></strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| JQuery Essentials core training for Dynamic Interactive web | https://www.udemy.com/course/jquery-essentials-core-training-for-dynamic-interactive-web/ | Optimize Your web applications by Understanding how to apply jQuery. More effective and powerful code with jQuery | <p><strong></strong><strong>NEW course Nov. 2015!</strong></p><p> jQuery is an incredibly powerful JavaScript Library that is used on MILLIONS of website. It makes DOM access, EVENTS and AJAX easier to access. With just a few lines of code <strong>JQuery can transform your website added amazing dynamic effects and interactive content.</strong><br></p><p><strong>Write less, do more</strong><strong>.</strong><strong> </strong>This step by step course shows you the code you need to know to accomplish <strong>rapid web development with jQuery.</strong><br></p><p>Learn Step by Step how to code using jquery. We cover all the core fundamental concepts of jquery that you need to know in order to effectively use jquery on your websites.</p><p>Learn about these JQuery code concepts and much more…..<br></p><ul><li>Setup jquery</li><li>Coding jQuery</li><li>jQuery Selectors</li><li>jQuery Events</li><li>jQuery Attributes and CSS</li><li>jQuery Manipulation</li><li>jQuery Traversing</li><li>jQuery Effects</li><li>jQuery AJAX</li></ul><p>Learn jQuery with our Step by Step training, we show you how to create dynamic interaction on your web pages. Learn to use jQuery to create better user interaction experiences on web pages. Understand the structure of jQuery code and how to apply it. Learn at your own pace resources are included, source code and everything you need to practice and learn jQuery. We show you useful examples of jQuery Code snippets and explain the development process.</p><ul><li><strong>DOM manipulation</strong> </li><li><strong>Event handling</strong></li><li><strong>Animations</strong></li><li><strong>AJAX technology</strong><strong></strong></li></ul><p>Knowing how to apply jQuery is an excellent skill to have. jQuery is everywhere and by the end of this course you will have what you need to use it on your own webpages.<br></p><p>We walk you through step by step with detailed explanations of code and more. We add and update a webpage from scratch adding jQuery to bring it to life.</p><ul><li>practice with coding exercises</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.</p><p>We show you how to write jQuery code, easy to learn. Our tutorials are easy to follow and effective in teaching jQuery.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Quick JavaScript Core learning Course JavaScript Essentials | https://www.udemy.com/course/quick-javascript-core-learning-course-javascript-essentials/ | JavaScript in 1 hour Essentials Training learn Core JavaScript coding step by step fundamentals of JavaScript quickly | <p>Learn Step by Step how to code using JavaScript. We cover all the core fundamental concepts of JavaScript in 1 hour!<br></p><p>Learn about these JavaScript code concepts and much more…..</p><ul><li>Variables</li><li>Functions</li><li>Loops</li><li>Conditions</li><li>Switches</li><li>Objects</li><li>Arrays</li></ul><p>Learn JavaScript with our Step by Step training, we show you how to create dynamic interaction on your web pages. Learn to use JavaScript to create better user interaction experiences on web pages. Understand the structure of JavaScript code and how to apply it. Learn at your own pace resources are included, source code and everything you need to practice and learn JavaScript. We show you useful examples of JavaScript Code snippets and explain the development process.</p><p>JavaScript is the foundation for so much online.</p><p>Knowing how to apply JavaScript is an excellent skill to have. JavaScript is everywhere and by the end of this course you will have what you need to use it on your own webpages. Interact with your web users, dynamic web content using JavaScript.<br></p><p>We walk you through step by step with detailed explanations of code and more. We add and update a webpage from scratch adding JavaScript to bring it to life.</p><ul><li>no wasted time watching someone type</li><li>practice with coding exercises</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content.</p><p>Everything you need to know is included in this course.</p><p>Learn at your own pace, lifetime access to this course.</p><p>We show you how to write JavaScript code, easy to learn. Our tutorials are easy to follow and effective in teaching JavaScript.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Amazing JavaScript Code Examples From Scratch DOM coding | https://www.udemy.com/course/amazing-javascript-code-examples-from-scratch-dom-coding/ | Learn how to use the JavaScript DOM to create dynamic web content and interactive web applications | <p><strong>Learn Step by Step from real world JavaScript projects.</strong><br></p><p>We will be adding more projects on a regular basis, this course is designed to have lifetime access to regular JavaScript projects.</p><p>Learn JavaScript with our Step by Step training, we show you how to build projects from Scratch. Learn at your own pace resources are included, source code and everything you need to practice and learn JavaScript. We show you useful examples of JavaScript Code snippets and explain the development process.</p><p>JavaScript is the foundation for so much online, including all the new JS libraries. Knowing how to apply JavaScript can help to learn further JS code.<br></p><p>Project #1 – Limit text in textarea, count characters and show warning messages,.</p><p>Project #2 – Useful code snippets, detect browser, view history and more. Use DOM values within JavaScript for amazing dynamic applications.</p><p>Project #3 – Scrolling text area stop scroll on hover, use the DOM to detect events.<br></p><p>Knowing how to apply JavaScript is an excellent skill to have. JavaScript is everywhere and by the end of this course you will have what you need to use it on your own webpages. Interact with your web users, dynamic web content using JavaScript.<br></p><p>We walk you through step by step with detailed explanations of code and more. We add and update a webpage from scratch adding JavaScript to bring it to life.</p><ul><li>no wasted time watching someone type</li><li>practice with coding exercises</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content.</p><p>Everything you need to know is included in this course.</p><p>Learn at your own pace, lifetime access to this course.</p><p>We show you how to write JavaScript code, easy to learn. Our tutorials are easy to follow and effective in teaching JavaScript.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript projects Welcome to the DOM Useful Code Snippets | https://www.udemy.com/course/learn-javascript-web-development-process-code-snippets-dom/ | Learn JavaScript for Beginners interactive web accessing the DOM Document Object Model | <p><strong>We will be adding more projects on a regular basis, this course is designed to have lifetime access to regular JavaScript projects.</strong><br></p><p>Learn JavaScript with our Step by Step training, we show you how to build projects from Scratch. Learn at your own pace resources are included, source code and everything you need to practice and learn JavaScript. We show you useful examples of JavaScript Code snippets and explain the development process.</p><p>JavaScript is the foundation for so much online, including all the new JS libraries. Knowing how to apply JavaScript can help to learn further JS code.<br></p><p>Project #1 – Use the DOM to get mouse coordinates, output the values use the values for dynamic functionality.</p><p>Project #2 – Variables in the URL, get URL variables and use them within JavaScript.</p><p>Project #3 – JavaScript cookies, get and set cookies. Setup functions to access and write cookies.<br></p><p>Knowing how to apply JavaScript is an excellent skill to have. JavaScript is everywhere and by the end of this course you will have what you need to use it on your own webpages. Interact with your web users, dynamic web content using JavaScript.<br></p><p>We walk you through step by step with detailed explanations of code and more. We add and update a webpage from scratch adding JavaScript to bring it to life.</p><ul><li>no wasted time watching someone type</li><li>practice with coding exercises</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content.</p><p>Everything you need to know is included in this course.</p><p>Learn at your own pace, lifetime access to this course.</p><p>We show you how to write JavaScript code, easy to learn. Our tutorials are easy to follow and effective in teaching JavaScript.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Bootstrap 4 Your Responsive website design just got easier | https://www.udemy.com/course/bootstrap-4-tutorial-learn-twitter-bootstrap-responsive-web/ | Learn how to apply Bootstrap 4 see whats changed from Bootstrap 3 Ultimate Front end Framework for Responsive Design | <p>First look at the all new <strong>BOOTSTRAP 4</strong>. Find out whats new LEARN Bootstrap 4.</p><p>Find out whats new and learn how to use Bootstrap to quickly build websites.</p><p>We provide the links and resources needed to work along with the course. </p><p>Bootstrap is mobile first web development. We show you how to create and utilize Twitter Bootstrap to effectively make AMAZING websites. This course will walk you through all the fundamental building blocks of Bootstrap. Designed for everyone, everywhere.</p><p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Let us help you learn Bootstrap!</p><p>Learn to create AWESOME web pages using Twitter Bootstrap .</p><p>Everything you need to learn about Bootstrap is provided within this course.</p><ul><li>exclusive download PDFs</li><li>efficient training material</li><li>no wasted time watching someone type we get right to the point</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>Source files</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>proven effective method to learn and retain the information</li></ul><p>Bootstrap makes front-end web development faster and easier. It’s made for folks of all skill levels, devices of all shapes, and projects of all sizes.<br></p><p>This course covers all the components you will need to create your own bootstrap websites.</p><p>One framework, every device.</p><p>Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.</p><p>Full of features</p><p>With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Rockstar How to create Incredible Useful code | https://www.udemy.com/course/javascript-projects-from-scratch-step-by-step-guide-to-learn/ | JavaScript learning with real world examples learn to code optimize development using the JavaScript DOM | <p>JavaScript Step by Step training, we show you how to build projects from Scratch. Learn at your own pace resources provided, source code included everything you need to practice and learn JavaScript.</p><p>This course is designed for beginners who are <strong>familiar with JavaScript and want to see it in action</strong>. <strong>Learning how to build small mini apps.</strong> By the end of this course you will be able to create projects like the ones outlined in the course. </p><p>JavaScript is the foundation for so much online, including all the new JS libraries. Knowing how to apply JavaScript can help to learn further JS code.<br></p><p>Project #1 – Create and apply JavaScript to buttons that can be used across multiple web pages. </p><p>Project #2 – Tooltips applying DOM event tooltips, find positions of elements and attached floating tooltip box.</p><p>Project #3 – Create a Rock Paper Scissors game from start to finish. Learn how to apply game logic and build simple JavaScript games. Use the DOM for events and more.</p><p>Knowing how to apply JavaScript is an excellent skill to have. JavaScript is everywhere and by the end of this course you will have what you need to use it on your own webpages. Interact with your web users, dynamic web content using JavaScript.<br></p><p>We walk you through step by step with detailed explanations of code and more. We add and update a webpage from scratch adding JavaScript to bring it to life.</p><ul><li>no wasted time watching someone type</li><li>practice with coding exercises</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content.</p><p>Everything you need to know is included in this course.</p><p>Learn at your own pace, lifetime access to this course.</p><p>We show you how to write JavaScript code, easy to learn. Our tutorials are easy to follow and effective in teaching JavaScript.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Powerful Chrome DevTools Essential for Web Developers | https://www.udemy.com/course/chrome-devtools-web-developers-tutorial/ | Guide to learning how to use Google’s Chrome DevTools. Code updates and saving files directly from Chrome | <p>Course is designed to help web developers quickly understand and start using Chromes DevTools. It saves you time, update CSS, HTML and manipulate the DOM directly within Chrome. Use Chrome as an editor with real time display of code changes. Take advantage of the Tools Chrome offers to create real time Styling.</p><p>Explore code and resources from other websites as well as your own. The Chrome DevTools are a set of web authoring and debugging tools built into Google Chrome. Use the DevTools to iterate, debug and profile your site.</p><p>Everything you need to learn about Chrome DevTools is provided within this course.</p><ul><li>exclusive download PDFs</li><li>efficient training material</li><li>no wasted time watching someone type we get right to the point</li><li>quick lessons get right to the point</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>proven effective method to learn and retain the information</li></ul><p>Course covers all the Panels within Chrome.</p><ul><li><span></span>ELEMENTS</li><li>CONSOLE</li><li>SOURCES</li><li>NETWORK</li><li>TIMELINE</li><li>PROFILES</li><li>RESOURCES</li><li>DEVICE MODE</li><li>REMOTE DEBUGGING</li><li>SETTINGS</li></ul> | | | | | | | | | | | | | | | | | | |
|---|
| Successful website creation – everything you need to know | https://www.udemy.com/course/total-guide-to-creating-websites-and-an-online-web-business/ | A-Z Guide to launching your own website. The entire process is explained how to pick a domain and setup a website | <p><strong>Understand the technology and process for getting started on the internet.</strong></p><p>Learn how to find a host, pick a domain name and much more.</p><p>We should you the top Development tools with a massive list of free resources. Compare different web editors for creating web code. What a web server does and how it functions. Why local machines and virtual hosts are important in the development process.</p><p>This course will help you determine the constructor language PHP, .Net and Java. We also discuss content management systems like WordPress, Joomla, and Drupal. What your hosting options are and how to select the best option for your business needs. How to pick the best host provider that will meet you site requirements. </p><p>Picking a domain name is a difficult decision, we help you pick an effective domain name and how to weight your options. Subdomains and top levels domains.</p><p>FTP how to get your files online to the web host provider.</p><p>Database and the basics of using phpmyadmin to control and view data.</p><p>Version control with Git and using Github.</p><p>Web design how to wireframe and storyboard your website. We provide top free tools to use to improve this process.</p><ul><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course.</p><p>Learn at your own pace, lifetime access to this course.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Complete Web Developer Course HTML CSS JavaScript PHP jQuery | https://www.udemy.com/course/learn-web-development-complete-step-by-step-guide-to-success/ | Complete web developer Guide to websites working with HTML, CSS, JavaScript, PHP, Bootstrap, JQuery, MySQL and more | <p><strong>The Premier Web development Course. </strong> EVERYTHING web creation.</p><p><strong>Regular content updates and new material. One stop place to learn web development!</strong></p><p><strong>Did you know that you can make an extra income online by learning the skills presented in this course! </strong>Whether you want to earn extra income, change your career or want to launch your own web business this is the course for you. You can begin to earn money online by while you’re learning and practicing web development. </p><p><strong>We teach you the skills you need to succeed.</strong></p><p>Everything you need to know to create your own websites and web applications, easy to follow complete course. Creating websites give you freedom to express you creativity, launch a business and a whole lot more. </p><p>I’ve been a web developer for over 14 years, and I wanted to create a course that has it all, answers all of your questions about starting off and gives you the base to launch your own successful web creations.</p><p>This course is designed to have important information to everyone of all levels, we include source code, practice exercises, challenges, quizzes, resources, examples, samples and everything else in between. I want you to be able to take this course and gain a solid understanding of how to create your own websites. This course is designed to be effective at teaching and stressing the important aspects and common goals to create websites.</p><p>This course is designed to equip you with the knowledge to proceed with your own goals.</p><p>We are also planning on having regular updates, if you find something isn’t covered or you want more information let me know and I will help. I’m committed to creating a premier course that is designed to help.</p><p>We cover everything in an easy to follow format.</p><ul><li><strong>HTML<br></strong></li><li><strong>CSS<br></strong></li><li><strong>JavaScript<br></strong></li><li><strong>JQuery<br></strong></li><li><strong>Bootstrap<br></strong></li><li><strong>PHP</strong></li></ul><p>We have a full 30 day money back guarantee. Content is designed to be effective and clear.</p><p>We walk you through step by step with detailed explanations of code and more.<br></p><ul><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>Everyone and anyone can benefit from this course. </p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript 101 Gain insights how to code with JavaScript | https://www.udemy.com/course/intro-to-javascript-beginners-guide-to-javascript-web-design/ | Easy to follow Guide for JavaScript Beginners, learn how to use JavaScript the right way step by step learning | <p>Perfect for beginners, and people who want to refresh their skills to learn more about JavaScript is and how to use it. JavaScript is the foundation for so much online, including all the new JS libraries. Knowing how to apply JavaScript can help to learn further JS code.</p><p>Knowing how to apply JavaScript is an excellent skill to have. JavaScript is everywhere and by the end of this course you will have what you need to use it on your own webpages. Interact with your web users, dynamic web content using JavaScript.</p><p>We walk you through step by step with detailed explanations of code and more. We add and update a webpage from scratch adding JavaScript to bring it to life.</p><ul><li>no wasted time watching someone type</li><li>practice with coding exercises</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content.</p><p>Everything you need to know is included in this course.</p><p>Learn at your own pace, lifetime access to this course.</p><p>We show you how to write JavaScript code, easy to learn. Our tutorials are easy to follow and effective in teaching JavaScript.</p> | | | | | | | | | | | | | | | | | | |
|---|
| CSS beginner Easy way to Get started with better web design | https://www.udemy.com/course/introduction-to-css-beginners-guide-to-css-web-design/ | Easy to follow Guide for CSS Beginners, learn how to use CSS the right way step by step learning to apply CSS design | <p>CSS is one of the main foundation languages for much of the content on the internet today. Along with HTML and JavaScript, CSS is used to form what we see on the internet. </p><p>Perfect for beginners, and people who want to refresh their skills to learn more about CSS is and how to use it.</p><p>Knowing how to apply CSS is an excellent skill to have. CSS is everywhere and by the end of this course you will have what you need to use it on your own webpages.</p><p>We walk you through step by step with detailed explanations of code and more. We add and update a webpage from scratch adding CSS to bring it to life and completely change the way it looks.</p><ul><li>no wasted time watching someone type</li><li>practice with coding exercises</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resources to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content.</p><p>Everything you need to know is included in this course.</p><p>Learn at your own pace, lifetime access to this course.</p><p>We show you how to write CSS code, easy to learn. Our tutorials are easy to follow and effective in teaching CSS.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript project Learn to create a memory Game and more | https://www.udemy.com/course/javascript-project-learn-to-create-a-memory-game-and-more/ | Step by Step how to create your own game using JavaScript. See how JavaScript works application building project. | <p>One of the best ways to learn is to <strong>work on a project</strong>. We start with a blank page and build the application step by step. <strong>All of the source files are included.</strong><span></span></p><p>Do you want to<strong> learn JavaScript working</strong> on a real project? </p><p>We show you how to use JavaScript to create an interactive game, everything from creating the game board to messaging, text, timers, and game setup.</p><p>We build this game in bootstrap, show you the HTML CSS and JavaScript.</p><p>Learn to Create your own JavaScript GAME!!!</p><p>Within this course we show you how to add JavaScript functionality when building out projects and use JavaScript to achieve your goals. </p><p>We have designed this course to optimize practicing JavaScript coding.</p><ul><li>CODE SAMPLES INCLUDED!!</li><li>PRACTICE EXERCISES</li><li>CODE EXPLANATIONS</li><li>CODE IMPLEMENTATIONS</li></ul><p>Try the code after each video lesson. PDF copy and paste code that we use within the course and TRY FOR YOURSELF.</p><p>Everything you need to learn about JavaScript is provided within this course.<br></p><ul><li>quick lessons get right to the point</li><li>source files downloadable to work along</li><li>challenges and lessons</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li></ul><p>Learn how Javascript works and it’s fundamental concepts when it comes to creating games and interactive projects. Learn to build your own Javascript code to make your own JavaSCript memory game</p><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Interaction Design IxD tutorial Web Design Patterns | https://www.udemy.com/course/interaction-design-ixd-tutorial-web-design-patterns/ | Learn how to better design web content for interactive websites, anticipate user requirements and meet their needs | <p><strong>BETTER WEB DESIGN</strong></p><p><strong>The internet is no longer static, the use of JavaScript has made websites dynamic. They are communicating back to the user and users now expect the interaction. No longer is it a one way conversation, and when it comes to website design you should be building for this interaction.</strong></p><p>The future of the web is ever more interactive, also there is huge change in the devices and technology that is being used to access the internet. </p><p>User Computer communication is IMPORTANT to think about when you are creating web designs. Think about how to best deliver results to help your users achieve their goals.</p><p>We have designed this course to help you think different about web design, avoid the pitfalls of unhappy users and give users what they expect. </p><ul><li>quick lessons get right to the point</li><li>source files downloadable to work along</li><li>challenges and lessons</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li></ul><p>Learn how create smarter web design and fundamental concepts to think about even in the planning stages.</p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Ultimate guide to Social Media Web development integration | https://www.udemy.com/course/ultimate-guide-to-social-media-web-development-integration/ | Add social sharing and social follow to your web content. Web Development Social Sharing Coding HTML JavaScript | <p>Learn how to add social sharing and social follow buttons to your web pages. Social networking integration on your website can increase your web visitors and help your grow you social communities. Sharing of content should be easy for web visitors, encourage connecting with you on your social channels. Grow your engagement, expand your community and be more successful online.</p><p>We walk your through from scratch how to add social sharing and what options you have for adding social to your website.</p><p>Coding is in JavaScript using Open graph metadata to dynamically update button info. We also show you how to share dynamically changing data on Twitter and Facebook.</p><p>Real world example of a quiz and sharing the results of the quiz.</p><p>We show you how to share connect to </p><ul><li>Twitter</li><li>Facebook</li><li>Google Plus</li><li>Linkedin</li><li>Pinterest</li><li>Reddit</li><li>and more</li></ul><p>Everything you need to learn about SOCIAL SHARING within web applications is provided within this course.</p><ul><li>no wasted time watching someone type</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons and code samples</li><li>code snippets</li><li>Links to top resoruces to save time</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Introduction to Object Oriented JavaScript | https://www.udemy.com/course/javascript-introduction-to-object-oriented-javascript/ | Learn about the JavaScript object model and using the concepts of object oriented programming in JavaScript. | <p>Learn to Create Object Oriented JavaScript!!!</p><p>JavaScript typically lacks some of the features of Object Oriented Programming. Within this course we show you how to add these into JavaScript and use objects in JavaScript as you typically would in Object Oriented Programming. This can make your JavaScript more reusable and robust.</p><p>We have designed this course to optimize practicing JavaScript coding.</p><ul><li>CODE SAMPLES INCLUDED!!</li><li>PRACTICE EXERCISES</li><li>CODE EXPLANATIONS</li><li>CODE IMPLEMENTATIONS</li></ul><p>Try the code after each video lesson. PDF copy and paste code that we use within the course and TRY FOR YOURSELF.</p><p>Everything you need to learn about JavaScript Object Oriented Programming is provided within this course.<br></p><ul><li>quick lessons get right to the point</li><li>source files downloadable to work along</li><li>challenges and lessons</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li></ul><p>Learn how Javascript works and it’s fundamental concepts when it comes to Object Oriented Programming. Learn to build your own Javascript code to make you website more interactive.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Essentials of JavaScript Practice Coding Exercises Tips | https://www.udemy.com/course/essentials-of-javascript-practice-coding-exercises-tips/ | Guide to practicing and learning more about JavaScript. Review course on key essentials for JavaScript Coding | <p><strong>Practice Practice and Learn how to USE JavaScript!!!</strong></p><p><strong>We have designed this course to optimize practicing JavaScript coding. </strong></p><ul><li><strong>CODE SAMPLES INCLUDED!!</strong></li><li><strong>PRACTICE EXERCISES</strong></li><li><strong>CODE EXPLANATIONS</strong></li><li><strong>CODE IMPLEMENTATIONS</strong></li></ul><p><strong>Try the code after each video lesson. PDF copy and paste code that we use within the course and TRY FOR YOURSELF.</strong></p><p>By the end of the course you will understand how to add validation to a web form and all the essential elements needed to customize and implement it within your own web projects.</p><p> Learn JavaScript from a real world example.</p><p>Web Development project create a JavaScript validation for a web form. Using CSS, HTML, JavaScript toegther we show you how..<br></p><p>This JavaScript course is exclusive on Udemy we build web development courses. Learn to create DYNAMIC INTERACTIVE web pages using JAVASCRIPT.</p><p>Everything you need to learn about JavaScript is provided within this course.</p><ul><li>exclusive download PDF resource ebook</li><li>no wasted time watching someone type</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li></ul><p>Learn how Javascript works and it’s fundamental concepts. Learn to build your own Javascript code to make you website interactive.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Easy Video Creation For Marketers and Businesses | https://www.udemy.com/course/easy-video-creation-for-marketers-and-businesses/ | Complete Guide to using VideoMaker to create amazing videos in minutes. | <p><strong>Save time with video production and wow your audiences.</strong></p><p><strong>Within this course we show you how to make a video in under 5 minutes, and walk you through the creation process used for this course promo video.</strong></p><p><strong>We show you how easy it is to create amazing videos, which have no limitations, no watermarks and can be sold to clients. VideomakerFX is the perfect software to accomplish this.</strong></p><p>Never before has it been this easy to create incredible videos in minutes that can help you sell products or services. Did you know that it only takes minutes to create a captivating video that can engage your audience and drive traffic to your products.</p><p>Videos are the MOST effective way to transmit information online. They engage audiences and drive traffic. The biggest problem is that in the past is the amount of time it takes to create high quality videos.</p><p>We show you how with just a simple idea you can bring it to life with an amazing high quality video. You can make whiteboard videos, animated videos, explainer videos, presentations, logo openers, photo slideshows, kinetic typography videos and so much more…</p><p>Create videos</p><ul><li><p>YouTube</p></li><li><p>business presentations</p></li><li><p>video marketing</p><p><br></p></li></ul><p>Incredibly Easy Customization Options with limitless possibles, everything is there out of the box. We show you in this course how EASY it is to make these videos.<br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Github introduction to version control and remote files | https://www.udemy.com/course/github-introduction-to-version-control-and-remote-files/ | Introduction guide to using Github starter commands to get going quickly | <p style=””>Learn how to Github to push and pull content files.</p><p style=””>We show you all the basic commands you need to know in order to create branches, switch branches, add files to the repository and merge files.</p><p style=””>We show you how to use Github as a version control system to share and collaborate between others.</p><p style=””>Everything you need to learn about using GitHub is provided within this course.<br style=””></p><ul style=””><li style=””>quick lessons get right to the point</li><li style=””>fully covered topics with real world examples</li><li style=””>30 day money back guarantee</li><li style=””>new course material added regularly</li><li style=””>trusted name in education since 2002</li><li style=””>full HD easy to read source coding</li><li style=””>quick response support to students</li><li style=””>regular discussions</li></ul> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript AJAX PHP mySQL create a Dynamic web Form project | https://www.udemy.com/course/javascript-ajax-php-mysql-create-a-comment-submission-form/ | Use JavaScript and PHP to create a database submission AJAX form. Project using JSON AJAX PHP mySQL JavaScript together | <p>Learn how to make a<strong> DYNAMIC WEB FORM</strong> that uses <strong>AJAX to pass data to MySQL</strong>. Learn how to make your HTML page content interact with BACK-END code. </p><p>Learn how to make JavaScript come to life, we show you all the building blocks you need to create your own JavaScript interactive applications.</p><p>Source files included!!! No wasted time we get right to the point. Lots of extras to help you learn.</p><p>This course covers JavaScript and the fundamental code syntax. We show you the DOM and why it is essential for dynamic web content. Then jquery in order to save time and speed up the design process. JSON to transfer data between front and back end code. Then PHP constructor code to interact with MySQL to bring data in from a web form. No page refresh with AJAX form submission. Also use AJAX to pull data from PHP in JSON format to output it on your webpage. This is a course that brings it all together how it work together. An AJAX web form can be then used in many variations in order to build out your own dynamic AJAX pages. We also use bootstrap for styling. Learn how to output PHP array data as JSON so that it can be brought into JavaScript to placed within HTML.</p><p>Everything you need to learn about creating Dynamic JavaScript web applications is provided within this course.</p><ul><li>no wasted time watching someone type</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><p><br></p><p><br></p> | | | | | | | | | | | | | | | | | | |
|---|
| Virtual Machine full localhost LAMP stack setup in minutes | https://www.udemy.com/course/virtual-machine-full-localhost-lamp-stack-setup-tutorial/ | Guide to creating a virtual machine in under 5 minutes, WordPress localhost setup in minutes | <p style=””>Creating a virtual machine is easy, and once you setup your first virtual machine you may never go back to solutions such as XAMPP and WAMP…. </p><p style=””>We teach you how to setup the perfect LAMP stack for developers in under 5 minutes.</p><p style=””>Setup WordPress, Laravel and a whole lot more. No internet connection required to run a fully configured local server. Operating System agnostic share code and files across teams.</p><p style=””>Everything you need to learn about virtual machine is provided within this course.<br style=””></p><ul style=””><li style=””>exclusive resource download</li><li style=””>no wasted time watching someone type</li><li style=””>quick lessons get right to the point</li><li style=””>30 day money back guarantee</li><li style=””>new course material added regularly</li><li style=””>trusted name in education since 2002</li><li style=””>full HD easy to read source coding</li><li style=””>quick response support</li></ul><p style=””>We answer your questions to get you up and running so that you can code.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Save time learn How to Setup a localhost machine in minutes | https://www.udemy.com/course/learn-how-to-setup-a-localhost-machine/ | Quick guide for setting up a localhost machine, run PHP to WordPress all on your computer without the need of a server | <p><strong>PLEASE NOTE THIS COURSE TEACHES HOW TO SETUP AND INSTALL THE APPLICATION to the needs of a web developer.</strong></p><p><strong>WILL COVER INSTALL AND SETUP – NOT HOW TO CODE OR USE A DATABASE.</strong></p><p><strong>Have your LOCALHOST setup in 5 minutes using XAMPP. Development environment on your machine easily and quickly.</strong></p><p><strong>Learn how to Start programming test, practice and load your server environment </strong>locally. Beginner Course to setting up your own web server. </p><p>You want to get programming and not have to worry about how to setup your server to run on your local machine. Localhost Xampp is ideal to <strong>quickly</strong> get up and <strong>running</strong> and be able to get to the code instead of worrying about <strong>server configuration.</strong></p><p>We show you how to create a localhost machine.</p><p>By the end of this course you will be able to setup and run your PHP code on your computer. You will also know how to setup <strong>Wordpress locally</strong>. We also show you how to use <strong>MYSQL</strong> and <strong>phpmyadmin</strong> to mimic the <strong>server environment</strong>.</p><p>XAMPP is a powerful tool to get you coding faster without having to worry about setting up your local machine every time.</p><p>Everything you need to learn about Local hosting is provided within this course.</p><ul><li><p>exclusive resource download</p></li><li><p>no wasted time watching someone type</p></li><li><p>quick lessons get right to the point</p></li><li><p>fully covered topics with real world examples</p></li><li><p>30 day money back guarantee</p></li><li><p>new course material added regularly</p></li><li><p>trusted name in education since 2002</p></li><li><p>full HD easy to read source coding</p></li><li><p>quick response support</p></li></ul><p>We answer your questions to get you up and running so that you can code.</p> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript HTML CSS Project make a Quiz Tutorial | https://www.udemy.com/course/javascript-html-css-project-make-a-quiz-tutorial/ | Practical guide to web development create your own dynamic JavaScript web applications HTML CSS Bootstrap JavaScript | <p style=””>This course will take you from a blank page to a<strong style=””> dynamic web application</strong>. We build a <strong style=””>JavaScript dynamic quiz </strong>incorporating<strong style=””> CSS HTML JavaScript</strong> and<strong style=””> Twitter Bootstrap</strong> to build a web project. <strong style=””> Learn JavaScript from a real world example.</strong></p><p style=””><strong style=””>Learn to make Quiz using Javascript. </strong>We will walk you through all the basic building blocks of JavaScript.</p><p style=””><strong style=””>Web Development project create a JavaScript Quiz. Using CSS, HTML, JavaScript, Twitter Bootstrap.</strong></p><p style=””>This JavaScript course is exclusive on Udemy we build web development courses. Learn to create DYNAMIC INTERACTIVE web pages using JAVASCRIPT.</p><p style=””>Everything you need to learn about JavaScript is provided within this course.</p><ul style=””><li style=””>exclusive download PDF resource ebook</li><li style=””>no wasted time watching someone type</li><li style=””>quick lessons get right to the point</li><li style=””>fully covered topics with real world examples</li><li style=””>source files downloadable to work along</li><li style=””>challenges and lessons</li><li style=””>30 day money back guarantee</li><li style=””>new course material added regularly</li><li style=””>trusted name in education since 2002</li><li style=””>full HD easy to read source coding</li></ul><p style=””>Learn how Javascript works and it's fundamental concepts. Learn to build your own Javascript code to make you website interactive.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Bootstrap unleash the power Rapid web development | https://www.udemy.com/course/bootstrap-3-responsive-design-tutorial-fundamentals/ | Complete Guide to using Bootstrap and creating mobile first responsive web pages. Future of web development is here. | <p>How to <strong>IMPROVE your website </strong>and make it <strong>responsive</strong> to be viewed on any device. <strong>Mobile first web development.</strong> We show you how to create and utilize <strong>Twitter Bootstrap </strong>to effectively make <strong>AMAZING websites</strong>.<br></p><p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Let us help you learn Bootstrap!</p><p>This <strong>Twitter Bootstrap </strong> course is exclusive on Udemy we build web development courses since 2002. Learn to create<strong> AWESOME web pages</strong> using <strong>Twitter Bootstrap </strong>.</p><p>Everything you need to learn about Bootstrap is provided within this course.</p><ul><li>exclusive download PDF resource ebook</li><li>efficient training material</li><li>no wasted time watching someone type we get right to the point</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>over 10 source files downloadable to work along</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>proven effective method to learn and retain the information</li></ul><p>This course will walk you through all the basic building blocks of Bootstrap.</p><p><strong>Designed for everyone, everywhere.</strong></p><p>Bootstrap makes front-end web development faster and easier. It’s made for folks of all skill levels, devices of all shapes, and projects of all sizes.</p><p>This course covers all the components you will need to create your own bootstrap websites.</p><ol><li>Bootstrap introduction</li><li>Web development Resources PDF Bootstrap</li><li>Introduction to Bootstrap</li><li>Creating a Bootstrap Website</li><li>Adding Bootstrap to your webpage</li><li>Bootstrap Grid System Explained</li><li>More about responsive and the grid stacking</li><li>Bootstrap JumboTron</li><li>Bootstrap Buttons</li><li>Bootstrap glyphicons</li><li>Bootstrap Nav bar with dropdown</li><li>Bootstrap Nav Bar Menu</li><li>Bootstrap Spacing Typography</li><li>Bootstrap all about tables</li><li>Bootstrap images responsive design</li><li>Bootstrap using panels wells</li><li>Bootstrap alert messages</li><li>Bootstrap forms</li><li>Bootstrap amazing components</li><li>Bootstrap modal plugin</li><li>Bootstrap hide show content</li><li>Bootstrap Carousel</li><li>Bootstrap more JavaScript Components</li><li>Bootstrap review</li></ol><p><strong>One framework, every device.</strong></p><p>Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.</p><p><strong>Full of features</strong></p><p>With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Web Developer Course HTML CSS JavaScript Learn Web Design | https://www.udemy.com/course/web-developer-course-on-creating-a-business-website/ | Guide to setting up a website learn about setting up a web business HTML CSS and JavaScript create your own website | <p>Complete web developer course covering everything you need to know step by step to begin creating websites.<br></p><p>This<strong> course covers everything,</strong> included how the web works, learning HTML, CSS and JavaScript and much more. </p><p>Course exercises, source code and links to top resources for web development!</p><p>We walk you through step by step with detailed explanations of code and more. </p><ul><li><p>no wasted time watching someone type</p></li><li><p>practice with coding exercises</p></li><li><p>quick lessons get right to the point</p></li><li><p>fully covered topics with real world examples</p></li><li><p>source files downloadable to work along</p></li><li><p>challenges and lessons and code samples</p></li><li><p>code snippets</p></li><li><p>Links to top resources to save time</p></li><li><p>new course material added regularly</p></li><li><p>trusted name in education since 2002</p></li><li><p>full HD easy to read source coding</p></li><li><p>quick response support to students</p></li><li><p>regular discussions</p></li></ul><p>We teach you the latest techniques and tools to use in order to create amazing web content.</p><p>Everything you need to know is included in this course.</p><p>Learn at your own pace, lifetime access to this course.</p><p>We show you how to write HTML CSS and JavaScript code, easy to learn. Our tutorials are easy to follow and effective in teaching how to become a web developer.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Get started Creating Websites Everything you need provided | https://www.udemy.com/course/get-started-creating-websites-everything-you-need-provided/ | Everything you need to know on how to create your own websites even sell them for extra income. Online income made easy | <p>Create Websites become a Web designer Complete course start to finish.</p><p><strong>Step by Step learning how to build a website from scratch! We provide links to all the best resources and everything you need to build websites.</strong></p><ul><li><strong>Make money online creating websites</strong></li><li><strong>start your own business</strong></li><li><strong>save money create your own websites</strong></li></ul><p>This course is designed to help you learn to make websites, we start with the basics and concepts that you need to know to launch your own web business or create your own websites. </p><p><strong>We demonstrate how to use HTML and CSS together to bring your web code to life. Use HTML and CSS to create web templates that can be sold to make extra income.</strong></p><p>Everything you need to learn about creating websites is provided within this course.<br></p><ul><li>no wasted time watching someone type</li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul><div>We show you how to start with nothing and begin to create websites. Picking your web editor and HTML5 boiler plates. Best web design tools and resources. How to answer client questions and what you should ask clients before beginning. How to set the groundwork to begin the web design process. Picking a domain and hosting. SEO best practices and google webmaster guidelines. How to design with mobile in mind. Full web design process including wire frames and navigation planning.</div><div>We walk you through HTML and CSS and how to code. Lots of examples and practice exercises.</div> | | | | | | | | | | | | | | | | | | |
|---|
| jQuery Fundamentals Powerful Bootcamp for beginners | https://www.udemy.com/course/jquery-fundamentals-bootcamp-learn-how-to-use-jquery/ | Quality jQuery learning with no wasted time, jQuery is powerful to for web developers. JavaScript with examples | <p><strong>Learn web development with JavaScript. JavaScript is an essential part of creating websites and JQuery helps you speed up you JavaScript programming.</strong><br></p><p>jQuery is a JavaScript library that simplifies JavaScript programming. Learning jQuery will help you create <strong>amazing JavaScript functionality </strong>within your code.</p><p>This course will walk you through <strong>step by step</strong> about everything you need to know to use jQuery on your applications. We provide a <strong>comprehensive,</strong> course which will get you familiar with what jQuery has to offer and what you can do with jQuery. <strong> jQuery is easy to learn </strong>and<strong> will save you time when coding.</strong></p><ul><li><strong>20 source files included</strong></li><li><strong>no wasted time watching code typed</strong></li><li><strong>code is explained with visual examples</strong></li><li><strong>30 day money back guarantee</strong></li><li><strong>Regular updates</strong></li><li><strong>downloadable resource PDF</strong></li></ul><p>If you haven’t used jQuery before or are curious about it, or just want to learn more about it this is the course for you.</p><p>We provide regular updates, challenges within the course and resource links to download the best resources for web development.</p><p>We provide a unique learning environment, that provides all the source files discussed in the course, links to resources and online code editors. Watch, learn and practice, is proven to be the best way to learn coding. With many years of experience in teaching and code creation<strong> let us help you learn.</strong></p><p>JavaScript for beginners to JavaScript advanced users, this course also includes lots of coding examples. This course will show you how to Master JavaScript, learning dynamic web design using JavaScript. JavaScript is a crucial part to become a Complete Web Developer. Learn and master JavaScript from Scratch. Check out our other JavaScript courses to learn even more advanced JavaScript included with our of web developer courses. Comprehensive JavaScript Programming, learn by making and working with examples. Build dynamic websites with JavaScript.</p><ul><li>javascript web</li><li>javascript design</li><li>javascript complete</li><li>javascript for programmers</li><li>javascript tutorial</li><li>javascript basics</li></ul><p>This course is perfect whether you are an Absolute Beginner, who wants to learn about JavaScript Programming or whether you are a web developer who wants to learn more about JavaScript.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Responsive Design with NEW Materialize | https://www.udemy.com/course/responsive-design-with-new-google-materialize/ | Mobile First Responsive Design – Learn to create a custom Responsive Web Site within minutes with Materialize Framework | <p style=””><strong style=””>Materialize is the NEW EVOLUTION of Responsive Design MOBILE FIRST THINKING</strong></p><p style=””>A modern responsive front-end framework based on <strong style=””>Material Design. </strong> Incredibly easy to use, BETTER than Twitter Bootstrap. Materialize has thought of everything. The design and development approach is made extremely <strong style=””>user friendly</strong>. Take advantage of what Google has to offer. Download this open source framework for yourself and see how easy it is to use.</p><p style=””><strong style=””>In this course we will teach you </strong></p><ul style=””><li style=””>Forms will blow your mind – what you always wanted to do</li><li style=””>More navigation options that bootstrap</li><li style=””>media options and components have never been easier and more mobile friendly</li><li style=””>Modals are even easier to apply with more options</li><li style=””>easy to add classes that bring your site to life</li></ul><p style=””><strong style=””>Benefits of using Materialize</strong></p><ul style=””><li style=””>Speeds up development</li><li style=””>User Experience Focused</li><li style=””>Easy to work with</li></ul><p style=””>Create RESPONSIVE WEBSITES in minutes.</p><p style=””>Don't waste time when all the heavy lifting is done for you.</p><p style=””>Utilizing elements and principles of Material Design.</p><p style=””>Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.</p><p style=””>After completion of this course you will have the skills needed to make <strong style=””>FULLY RESPONSIVE WEBSITES. </strong></p><strong style=””><span style=””></span></strong><p style=””>This course will teach you to create AWESOME Mobile first FULLY <strong style=””>responsive websites in minutes </strong>using the Materialize open source framework from Google.</p><p style=””><strong style=””>Material Design</strong> by Google is the latest and most powerful CSS JS framework. Better than the super popular Twitter Bootstrap. Much like Bootstrap it is grid based but Materialize has a lot of functionality that Bootstrap is lacking. Yes, once you work with Materialize you won't go back to Bootstrap. Its that good!!!!</p><p style=””>Designed totally with mobile in mind, it has built in swipe functionality, modals, responsive images and incredible form functionality. </p><p style=””>Text is responsive, truncate text, and much more. </p><p style=””>upon completion of this course you will be able to create a responsive website, using this framework is easy. STOP wasting time with styling, use a well thought out framework that will seem like magic.</p><p style=””>Its not magic, its Materialize that brings websites to life like nothing before. </p> | | | | | | | | | | | | | | | | | | |
|---|
| You can create Incredible Websites with HTML CSS learn how | https://www.udemy.com/course/learn-to-create-html-css-web-templates-create-web-pages/ | CSS and HTML working together to create web templates and more. Create a webpage from scratch web development course. | <p>Learn how to build<strong> your own HTML and CSS web templates. We use current coding BEST practices including HTML5 and CSS3. </strong><br></p><ul><li><strong>Build a navigation menu</strong></li><li><strong>Build a web form in HTML</strong></li><li><strong>Build a custom template which you can customize and reuse on multiple web projects</strong></li></ul><p><strong>Making your own templates allows you to add you own creativity into you web pages. This course is perfect for anyone who wants to learn more about web development.</strong></p><p><strong>We take you from start to finish showing you all the HTML and CSS code you need to know to create web pages.</strong></p><p>We show you how to create HTML forms, HTML list, hyperlinks, and many more common elements used regularly in web design and web development.</p><p>Then we introduce CSS and what you need to know about CSS. Bringing in common used CSS properties, including box model, pseudo classes, and much much more. CSS project is to build a CSS navigation menu turning an Unordered list into a cool navigation menu. </p><p>Last lectures we bring it all together using what we have discussed about HTML and CSS to make a web template.</p><ul><li>no wasted time watching someone type</li><li>NEW <strong>CODING exercises </strong>included within course</li><li><strong>PDF and Source code</strong></li><li><strong>Top resources for web development</strong></li><li>quick lessons get right to the point</li><li>fully covered topics with real world examples</li><li>source files downloadable to work along</li><li>challenges and lessons</li><li>30 day money back guarantee</li><li>new course material added regularly</li><li>trusted name in education since 2002</li><li>full HD easy to read source coding</li><li>quick response support to students</li><li>regular discussions</li></ul> | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript DOM Dynamic Web interactive content Boot Camp | https://www.udemy.com/course/javascript-dom-dynamic-web-interactive-content-boot-camp/ | Modern Dynamic JavaScript makes your web developer content come to life user dynamic content customized for each user. | <p><strong>JavaScript is powerful, and the DOM really demonstrates this!</strong><br></p><p>Learn <strong>web development </strong>using<strong> JavaScript.</strong> JavaScript is an essential part of creating websites learn the building blocks of web development with JavaScript programming. The DOM can be used to create interactive content for your web pages.</p><p><strong>Understanding the DOM is an excellent starting point for jQuery.</strong></p><p><strong>Learn the underlying technology to all of the JavaScript frameworks such as jQuery.</strong></p><p><strong>JavaScript for beginners to JavaScript advanced users, this course also includes lots of coding examples. This course will show you how to Master JavaScript, learning dynamic web design using JavaScript. JavaScript is a crucial part to become a Complete Web Developer</strong></p><p><strong>No wasted time, straight to the point teaching. Our method of teaching is </strong></p><ul><li><strong>Course has over 31 Source files</strong></li><li><strong>Links to online code editor with file content</strong></li><li><strong>No wasted time watching someone type code</strong></li><li><strong>straight to the point cover all topics directly with examples</strong></li><li><strong>challenges within the course to test your knowledge of the topic</strong></li><li><strong>Quizzes</strong></li><li><strong>30 day money back guarantee</strong></li><li><strong>Downloadable PDF web developer resources FREE</strong></li></ul><p>1st – VISUAL watch with explanations about the topic.2nd – TRY try the code yourself we provide all the source code used in the course.3rd – CHALLENGE we test you on what you have learned try to solve our challenges.4th – VISUAL we show you how we solve the challenges.5th – Repeat as needed.</p><p>Knowing how it works from the ground up will help you learn JavaScript frameworks better. </p><p>This course is designed to cover core aspects of JavaScript and cover the<strong> Document Object Model (DOM).</strong></p><p>JavaScript is Dynamic executed at run-time when the browser loads. This allows JavaScript to create awesome interaction with the user. If you want to build interactive web content you need to know JavaScript. </p><p>DOM is the API which JavaScript uses to interact with the objects on the webpage. The DOM can be used to access and manipulate HTML content. This course will focus on the JavaScript code that makes this happen.</p><p><strong>JavaScript for beginners</strong> to <strong>JavaScript advanced </strong>users, this course also includes lots of coding examples. This course will show you how to<strong> Master JavaScript</strong>, learning <strong>dynamic web design using JavaScript</strong>. JavaScript is a crucial part to become a <strong>Complete Web Developer.</strong> Learn and<strong> master JavaScript from Scratch</strong>. Check out our other <strong>JavaScript courses</strong> to learn even more<strong> advanced JavaScript</strong> included with our of <strong>web developer </strong>courses. <strong>Comprehensive JavaScript Programming</strong>, learn by making and working with examples. Build dynamic websites with JavaScript.</p><ul><li>javascript web</li><li>javascript design</li><li>javascript complete</li><li>javascript for programmers</li><li>javascript tutorial</li><li>javascript basics</li></ul><p>This course is perfect whether you are an <strong>Absolute Beginner</strong>, who wants to learn about <strong>JavaScript Programming </strong>or whether you are a web developer who wants to learn more about <strong>JavaScript.</strong> </p><p><strong></strong></p> | | | | | | | | | | | | | | | | | | |
|---|
| Get Results – Core Principles of Web Development Tricks Tips | https://www.udemy.com/course/web-development-foundations-base-for-your-coding-environment/ | Technology is ALWAYS changing we help you stay on top of future trends and techniques in web development | <p style=””><strong style=””>Improve your workflow</strong>, pick an editor, create a local machine ready to upload to your server. Setup a professional web development environment being able to focus on code.</p><p style=””>Setting up a <strong style=””>solid work environment </strong>leads to better productivity and less frustration with the web development process.</p><p style=””>There are a lot of resources out there, and many ways to accomplish<strong style=””> getting your code on your web server</strong>. But often times developers get overloaded with all of these resources and don't have the time to work through them or to experiment with different ways to do things.</p><p style=””><strong style=””>Time consuming setups, that don't work are a real frustration.</strong> </p><p style=””><strong style=””>We have regular planned updates to this course to feature new techniques and technology as it becomes available. Evolving curriculum will help students of this course stay connected to new and future technology changes.</strong></p><p style=””>In this course we will be reviewing many of the <strong style=””>popular code editors</strong>. An editor lets you write and edit various types of code. Code editors are designed to help you code better, faster and more efficiently. Picking the right editor helps you work better. We will also be going over basic setup of editors and how to customize them.</p><p style=””><strong style=””>The build process</strong>, we will also be looking at your local environment and how to get the best setup to be able to test out code locally before pushing it live. Setting up a local web development environment allows you to create and modify web applications on your own computer rather than uploading the application files to a server to run the files. Additionally we will go over some great resources that will help you work more effectively.</p><p style=””>The last stage to the development process after writing the code and testing, will be to <strong style=””>transfer the files to your server</strong>. If you are working within a collaborative environment, using versioning there are some great resources to help. Transferring files to your server in addition to code management techniques will be discussed. </p><p style=””><strong style=””>step-by-step details on setting up these resources will be covered within this course.</strong></p><p style=””>If you are new to web development and need an overview of how it all works together, or if you are a web developer looking to increase your productivity, this course can help.</p><p style=””>Having a proper web development environment will help you be more productive, improve your web development workflow and avoid issues on live servers. </p><p style=””>In this course we review several of the most popular web editors. Having a good editor is essential for being able to code. Its the foundation for your coding is your web editor and it all starts with that. You should be able to focus on your code and not the software that you are using. </p><p style=””>Once you have your editor you should be able to code and preview your code easily. Setting up a local machine server can help you test, preview and check your code. Use tools such as browser extensions, addons and consoles to improve your web code. Not having to really on a live server to view your code means no internet connection required, and you can work out all the bugs before you push to your production server.</p><p style=””>Getting you code from your machine you work on, onto your server. Using FTP which software is most popular, as well as using code management solutions to collaborate on coding.</p><p style=””>This is a course that focuses on the foundations of being more productive with web coding. Whichever coding language you use, this course is a great addition and full of excellent resources to improve your workflow. New resources will be added regularly in addition to tips and ideas for better working environments.</p><p style=””>A strong foundation in web standards and website technology can help developers and designers make choices that lead to more robust, efficient, and maintainable websites.</p> | | | | | | | | | | | | | | | | | | |
|---|
| YouTube Thumbnails Power of Images for SEO Video Marketing | https://www.udemy.com/course/youtube-thumbnails-power-of-images-for-seo-video-marketing/ | Create Powerful Thumbnails to DRIVE More Traffic to your Video. How to optimize your Videos for better SEO in Search | <p>Thumbnails can make a big difference in views you receive within search. <em>“A picture is worth a thousand words</em>” and a thumbnail is worth more than a description.</p><p>Thumbnails are<strong> important </strong>in search results and in suggested videos.<br></p><p>3 Primary areas that having optimized video thumbnails can <strong>DRIVE MORE views</strong>.</p><p>In <strong>YouTube Search</strong> a better thumbnail can get you more clicks even if your video ranks lower in the search results. People look at visual ques first when they are looking for content. Having an appealing video thumbnail can really make a difference.</p><p><strong>Google Search</strong> – your video already has an advantage over websites in that videos in search results have Thumbnails. Use this more effectively to drive traffic to your video.</p><p><strong>Suggested Videos</strong> – The suggested videos is one of the best sources for traffic to your YouTube Videos. Stand out from the crowd and get more clicks on your video.</p><p><strong>Why you should consider optimization of your thumbnails!</strong></p><ul><li>more professional impression of your video</li><li>YouTube does not pick the most optimal image for your video</li><li>Your audience grow as people look at thumbnails first when deciding a video to watch</li><li>Quicker way to convince viewers to pick your video</li><li>Answer the viewers question and entice them on viewing your video</li><li>thumbnails can reinforce your video title and send a stronger message to the potential viewer.</li><li>Channel branding and consistency </li></ul><strong>Important factors in Thumbnail Optimization</strong><ul><li>Make them eye catching</li><li>use good contrast of colors</li><li>Represent your content</li><li>Always create a thumbnail</li><li>Clear and well designed</li><li>Visually compelling leaving the audience wanting more</li><li>make the audience curious to the content of your video</li><li>Close up of faces</li><li>Look great on all devices large and small</li><li>Hi resolution and clear</li></ul><em>Did you know that 70% of marketers plan to increase their use of visual assets?</em> That’s because visuals are proven to drive more engagement. | | | | | | | | | | | | | | | | | | |
|---|
| JavaScript Intro to learning JavaScript web programming | https://www.udemy.com/course/javascript-intro-to-learning-javascript/ | Getting started with JavaScript Intro course for Beginners | <p>Course is designed to get viewers started with using JavaScript to develop web content. We discuss all the basics of getting started and the basics of JavaScript.</p><p>JavaScript is one of the basic languages used to create powerful web experiences.</p><p>We cover basic script tags and how they work.</p><p>The course will take students from the very basics of JavaScript teaching how to being to implement script tags and create basic JavaScript experiences.</p><p>Having HTML knowledge is useful for this course but not essential for learning JavaScript.</p> | | | | | | | | | | | | | | | | | | |
|---|
| Benefits of Thinking Mobile First Future of Website Design | https://www.udemy.com/course/thinking-mobile-websites-smart-design-tutorial/ | How to start thinking about mobile and why you should create your website with mobile in mind. |
|---|
