1. Start coding and working on the invisible part/1. The first line of your HTML code version declaration.mp45.62MB
1. Start coding and working on the invisible part/2. HTML Rules and Grammars.mp46.9MB
1. Start coding and working on the invisible part/3. The four indispensable HTML tags.mp42.65MB
1. Start coding and working on the invisible part/4. Create your first standard HTML file.mp46.2MB
1. Start coding and working on the invisible part/5. Adding a Favicon.mp413.74MB
1. Start coding and working on the invisible part/6. Use META to achieve better SEO results.mp46.12MB
1. Start coding and working on the invisible part/7. Use META for multilingual web pages.mp44.75MB
1. Start coding and working on the invisible part/8. Use META for page behaviour control auto page renewal, etc..mp43.09MB
10. Margin and its bugs, challenges, solutions and applications/1. Margin and its values.mp48.86MB
10. Margin and its bugs, challenges, solutions and applications/10. Setting vertical margin to sibling images Part 3.mp45.15MB
10. Margin and its bugs, challenges, solutions and applications/11. Percentage Value used by Margin.mp42.41MB
10. Margin and its bugs, challenges, solutions and applications/2. Why, when and where should we use Margin.mp410.03MB
10. Margin and its bugs, challenges, solutions and applications/3. The three application scenarios of MARGIN.mp47.83MB
10. Margin and its bugs, challenges, solutions and applications/4. Setting MARGIN to INLINE tags and related problems.mp43.49MB
10. Margin and its bugs, challenges, solutions and applications/5. Special Margin Value AUTO and its application.mp411.51MB
10. Margin and its bugs, challenges, solutions and applications/6. Margin Parent and Child DIV.mp48.5MB
10. Margin and its bugs, challenges, solutions and applications/7. Setting Margin Siblings.mp48.19MB
10. Margin and its bugs, challenges, solutions and applications/8. Setting vertical margin to sibling images Part 1.mp421.98MB
10. Margin and its bugs, challenges, solutions and applications/9. Setting vertical margin to sibling images Part 2.mp45.11MB
11. POSITION and its challenges, solutions and applications/1. Characters of normal-flow elements.mp413.31MB
11. POSITION and its challenges, solutions and applications/2. Why we need POSITION.mp46.71MB
11. POSITION and its challenges, solutions and applications/3. Relative Position.mp48.87MB
11. POSITION and its challenges, solutions and applications/4. Fixed Position.mp48.35MB
11. POSITION and its challenges, solutions and applications/5. Absolute Position.mp47.05MB
11. POSITION and its challenges, solutions and applications/6. Characters of out-of-flow elements Part 1.mp49.2MB
11. POSITION and its challenges, solutions and applications/7. Characters of out-of-flow elements Part 2.mp45.04MB
11. POSITION and its challenges, solutions and applications/8. Percentage Value used by POSITION.mp413.37MB
12. FLOAT and its challenges, solutions and applications/1. Let's float a DIV first.mp44.42MB
12. FLOAT and its challenges, solutions and applications/10. Conflicts normal-flow element before floated ones.mp45.34MB
12. FLOAT and its challenges, solutions and applications/2. Basic characters of floated elements.mp421.4MB
12. FLOAT and its challenges, solutions and applications/3. Float sibling elements simultaneously.mp48.24MB
12. FLOAT and its challenges, solutions and applications/4. CLEAR BOTH.mp46.22MB
12. FLOAT and its challenges, solutions and applications/5. The truth about CLEAR.mp47.19MB
12. FLOAT and its challenges, solutions and applications/6. The alignment of floated sibling elements.mp42.63MB
12. FLOAT and its challenges, solutions and applications/7. When the browser is NOT wide enough to house all floated elements.mp43.29MB
12. FLOAT and its challenges, solutions and applications/8. When floated siblings are of different heights.mp48.31MB
12. FLOAT and its challenges, solutions and applications/9. Conflicts floated element before normal-flow ones.mp49.14MB
13. Challenge your front-end skills and understanding of FLOAT and POSITION/1. the Challenge.mp49.61MB
13. Challenge your front-end skills and understanding of FLOAT and POSITION/2. Review of Float, Relative Position and Absolute Position Part 1.mp48.53MB
13. Challenge your front-end skills and understanding of FLOAT and POSITION/3. Review of Float, Relative Position and Absolute Position Part 2.mp42.81MB
13. Challenge your front-end skills and understanding of FLOAT and POSITION/4. Challenge Move a DIV to vertical and horizontal center of brwoser window.mp43.97MB
13. Challenge your front-end skills and understanding of FLOAT and POSITION/5. Challenge Still move a DIV to vertical and horizontal center of brwoser window.mp46.92MB
14. Apply what you have learnt and create projects/1. Project 1 navigation bar used by autotrader.mp416.55MB
14. Apply what you have learnt and create projects/10. Creative Application of Float- Part 1 the challenge.mp46.33MB
14. Apply what you have learnt and create projects/11. Creative Application of Float- Part 2 Coding the program and the problem.mp49.39MB
14. Apply what you have learnt and create projects/12. Creative Application of Float- Part 3 clean a dead corner and solve the problem.mp44.96MB
14. Apply what you have learnt and create projects/13. Practical and Creative application of Absolute Position.mp416.03MB
14. Apply what you have learnt and create projects/14. After Selector.mp46.57MB
14. Apply what you have learnt and create projects/2. Create a complete web page the Header and Footer part of amazon.mp49.1MB
14. Apply what you have learnt and create projects/3. The login part.mp411.9MB
14. Apply what you have learnt and create projects/4. IMPORTANT Putting a decorative line behind the hyperlink Part 1.mp48.37MB
14. Apply what you have learnt and create projects/5. IMPORTANT Putting a decorative line behind the hyperlink Part 2.mp48.7MB
14. Apply what you have learnt and create projects/6. IMPORTANT ICON and Hyperlink Method 1.mp412.2MB
14. Apply what you have learnt and create projects/7. IMPORTANT ICON and Hyperlink Method 2.mp47.12MB
14. Apply what you have learnt and create projects/8. The HTML and CSS part of the Carousel Program -- Analysis.mp46.19MB
14. Apply what you have learnt and create projects/9. Coding Demonstration.mp45.28MB
15. Fontawesome an awesome ICON image solution/1. Fontawesome an awesome ICON image solution.mp414.88MB
16. Responsive and retina-ready web page design/1. Responsive web page introduction.mp49.02MB
16. Responsive and retina-ready web page design/10. Application responsive header Part 1.mp44.75MB
16. Responsive and retina-ready web page design/11. Application responsive header Part 2.mp411.16MB
16. Responsive and retina-ready web page design/12. Responsive Images the IMG-Type.mp410.22MB
16. Responsive and retina-ready web page design/13. Background VS IMG.mp41.73MB
16. Responsive and retina-ready web page design/14. Background-Position how to move background image.mp46.96MB
16. Responsive and retina-ready web page design/15. Background-size.mp44.23MB
16. Responsive and retina-ready web page design/16. the length value of Background-size.mp43.4MB
16. Responsive and retina-ready web page design/17. Background-size the CONTAIN and COVER value.mp46.89MB
16. Responsive and retina-ready web page design/18. the percentage value of Background-size.mp44.14MB
16. Responsive and retina-ready web page design/19. Application making a responsive background image.mp48.59MB
16. Responsive and retina-ready web page design/2. Getting to know Viewport.mp46.01MB
16. Responsive and retina-ready web page design/20. Application creating a responsive gallery using the background property.mp49.48MB
16. Responsive and retina-ready web page design/21. Retina-ready.mp46.55MB
16. Responsive and retina-ready web page design/3. Meida query.mp47.04MB
16. Responsive and retina-ready web page design/4. Linking different external CSS files.mp43.33MB
16. Responsive and retina-ready web page design/5. A little thought.mp4995.16KB
16. Responsive and retina-ready web page design/6. Break point.mp41.71MB
16. Responsive and retina-ready web page design/7. Application Step 1- page structure analysis.mp43.33MB
16. Responsive and retina-ready web page design/8. Application Step 2- adapt to tablets.mp43.51MB
16. Responsive and retina-ready web page design/9. Application Step 3- adapt to phone.mp44.84MB
17. JavaScript/1. JavaScript and jQuery introuction.mp46.3MB
17. JavaScript/10. Loop Statement WHILE and FOR.mp411.29MB
17. JavaScript/11. The bigger basket Array.mp44.02MB
17. JavaScript/12. Function Built-in, Self-defined, and Anonymous.mp410.27MB
17. JavaScript/13. Object and its properties.mp46.58MB
17. JavaScript/14. Object methods for operating array.mp42.54MB
17. JavaScript/15. Accept the concept of OOP.mp42.63MB
17. JavaScript/16. DOM object introduction and its document.write method.mp42.6MB
17. JavaScript/17. Page element, Nodes, and DOM Tree.mp46.14MB
17. JavaScript/18. Preparations.mp49.35MB
17. JavaScript/19. Absolute and relative selection.mp43.85MB
17. JavaScript/2. Running environment of JavaScript.mp44.22MB
17. JavaScript/20. Select page element by its ID getElementById.mp46.33MB
17. JavaScript/21. Retrieving text contents from selected element innerText.mp42.26MB
17. JavaScript/22. Retrieving and resetting HTML and attributes.mp48.99MB
17. JavaScript/23. Selecting elements by class and tag name.mp46.77MB
17. JavaScript/24. Relative Selection-- Part 1.mp47.36MB
17. JavaScript/25. Relative Selection-- Part 2.mp47.07MB
17. JavaScript/26. Creating new elements.mp48.92MB
17. JavaScript/27. Inserting new elements to the designated location.mp45.66MB
17. JavaScript/28. Delete a selected page element.mp43.83MB
17. JavaScript/29. Challenge how to empty a list automatically.mp47.94MB
17. JavaScript/3. Internal and External JavaScript codes.mp43.2MB
17. JavaScript/30. Introduction to EVENT.mp42.08MB
17. JavaScript/31. Creating a working switch button.mp43.79MB
17. JavaScript/32. Try self-defined function on EVENT.mp42.27MB
17. JavaScript/33. window.onload.mp43.12MB
17. JavaScript/34. addEventListener.mp44.41MB
17. JavaScript/35. Try the addEventListener method.mp42.97MB
17. JavaScript/36. event.target.mp45.1MB
17. JavaScript/37. stopPropagation.mp47.89MB
17. JavaScript/38. Setting the third argument to TRUE.mp42.48MB
17. JavaScript/4. JavaScript Comment.mp41.95MB
17. JavaScript/5. Data Type used in JavaScript.mp46.06MB
17. JavaScript/6. One Equal Sign, two Equal Sign, and Three Equal Sign.mp42.55MB
17. JavaScript/7. The basket Variable.mp44.75MB
17. JavaScript/8. An application of variable working as a counter.mp42.13MB
17. JavaScript/9. IF and SWITCH statement.mp46.81MB
18. ES6+ New Syntax/1. LET and VAR.mp429.57MB
18. ES6+ New Syntax/10. FOR OF.mp418.39MB
18. ES6+ New Syntax/2. Everything you need to know about LET.mp412.65MB
18. ES6+ New Syntax/3. Constant.mp46.88MB
18. ES6+ New Syntax/4. Temporal Dead Zone.mp48.24MB
18. ES6+ New Syntax/5. Using LET in FOR LOOP.mp424.98MB
18. ES6+ New Syntax/6. Closure.mp410.35MB
18. ES6+ New Syntax/7. Application of Closure.mp411.39MB
18. ES6+ New Syntax/8. Arrow function.mp442MB
18. ES6+ New Syntax/9. HTML Collection and Node List.mp420.17MB
19. jQuery/1. jQuery Introduction and Installation.mp47.87MB
19. jQuery/10. Relative selection reaching the parent from child element.mp42.98MB
22. VUE.JS Introduction and Getting started/1. Vue introduction.mp47.12MB
22. VUE.JS Introduction and Getting started/2. Try your first Vue program.mp47.35MB
23. VUE.JS Directives v-bind and v-for/1. Controlling attribute value using the v-bind directive.mp43.82MB
23. VUE.JS Directives v-bind and v-for/2. Creating an APP using everything we have learnt so far the BBC news block.mp45.72MB
23. VUE.JS Directives v-bind and v-for/3. Creating a list using the V-FOR directive.mp44.84MB
24. VUE.JS Apply what you have learnt and create a BBC news reading block/1. Creating several news blocks simultaneously using the V-FOR directive.mp48.64MB
24. VUE.JS Apply what you have learnt and create a BBC news reading block/2. Displaying the six BBC news blocks simultanesouly using only one View.mp49.02MB
25. VUE.JS Exploring the Proxy feature/1. Exploring the mechanism of Vue and getting to know a new CS6 feature Proxy.mp49.97MB
25. VUE.JS Exploring the Proxy feature/2. Proxy methods.mp45.75MB
25. VUE.JS Exploring the Proxy feature/3. Prove the conclusion.mp43.05MB
25. VUE.JS Exploring the Proxy feature/4. How Vue benefits from Proxy.mp48.92MB
26. VUE methods and conditional rendering/1. Binding methods using the V-ON directive.mp48.39MB
37. VUE.JS Slots/2. The application of slots in creating a news page.mp43.34MB
37. VUE.JS Slots/3. Named slot.mp46.96MB
38. VUE.JS Exchanging data between sibling components-- Central Event Bus/1. Data communication between sibling components.mp412.16MB
38. VUE.JS Exchanging data between sibling components-- Central Event Bus/2. Data exchange between sibling components using $emit() and $on().mp424.21MB
39. VUE.JS Creating a news reading and editing APP/1. Complicated Project news reading and editing APP.mp48.85MB
39. VUE.JS Creating a news reading and editing APP/2. Preparation creating a Vue function to display formatted date and time.mp415.12MB
39. VUE.JS Creating a news reading and editing APP/3. Complicated Project Stage 1 creating a news publishing APP.mp428.29MB
39. VUE.JS Creating a news reading and editing APP/4. Complicated Project Stage 2 completing the news publishing APP.mp419.64MB
4. Vital Difference between BLOCK and INLINE tags/1. SPAN and the concept of BLOCK and INLINE tags.mp45.96MB
4. Vital Difference between BLOCK and INLINE tags/2. The Difference between BLOCK and INLINE Tags PART 1.mp44.07MB
4. Vital Difference between BLOCK and INLINE tags/3. The Difference between BLOCK and INLINE Tags PART 2.mp48.65MB
4. Vital Difference between BLOCK and INLINE tags/4. The Difference between BLOCK and INLINE Tags PART 3.mp45.97MB
4. Vital Difference between BLOCK and INLINE tags/5. Initialising CSS Getting Rid of Default CSS Styles.mp46.99MB
4. Vital Difference between BLOCK and INLINE tags/6. Miscellansous Issues about Styling Texts.mp44.56MB
4. Vital Difference between BLOCK and INLINE tags/7. Use Your Own Font.mp47.13MB
4. Vital Difference between BLOCK and INLINE tags/8. For Responsive Web Design Using EM, Not Pixel.mp48.02MB
40. VUE.JS New contents added by Vue 2.3 .sync modifier and model option/1. New contents added by Vue 2.3 the SYNC modifier.mp415.19MB
40. VUE.JS New contents added by Vue 2.3 .sync modifier and model option/2. Custom V-MODEL.mp43.81MB
41. VUE.JS Scoped slots/1. Introduction to scoped slots.mp42.17MB
41. VUE.JS Scoped slots/2. demonstration of using scoped slots.mp46.03MB
41. VUE.JS Scoped slots/3. Using scoped slots on lists.mp48.92MB
42. VUE.JS Component Miscellaneous/1. is, keep-alive, and v-once.mp43.32MB
42. VUE.JS Component Miscellaneous/2. Retrieving the object representing the component using ref.mp44.02MB
43. VUE.JS API and reactivity in depth/1. Standardising a few names.mp45.1MB
43. VUE.JS API and reactivity in depth/2. API Part 1.mp46.48MB
43. VUE.JS API and reactivity in depth/3. API Part 2 using template in Vue instance.mp43.25MB
43. VUE.JS API and reactivity in depth/4. API 3, 4, 5.mp4138.03MB
43. VUE.JS API and reactivity in depth/5. Try something interesting.mp43.25MB
43. VUE.JS API and reactivity in depth/6. API 6, 7, 8.mp499.43MB
43. VUE.JS API and reactivity in depth/7. API 9, 10, 11, 12, 13.mp482.65MB
44. VUE.JS Transition Effects/6. Adding transition effect to dynamic components.mp43.59MB
44. VUE.JS Transition Effects/7. Adding transitioning effects to lists transition-group.mp49.44MB
44. VUE.JS Transition Effects/8. Introduction to animate.css.mp48.55MB
44. VUE.JS Transition Effects/9. Adding transitioning effects created by animate.css.mp45.08MB
45. VUE.JS RENDER function/1. Introduction to RENDER function.mp412.69MB
45. VUE.JS RENDER function/2. Setting attributes using the RENDER function.mp46.08MB
45. VUE.JS RENDER function/3. Creating a list using RENDER function.mp415.32MB
45. VUE.JS RENDER function/4. Exchanging data using the RENDER function.mp412.31MB
46. VUE.JS Custom DIrectives/1. Introduction to Custom Directives.mp414.73MB
46. VUE.JS Custom DIrectives/2. The binding property used in the directive property.mp49.03MB
46. VUE.JS Custom DIrectives/3. A short-cut in custom directives.mp44.58MB
47. VUE.JS Mixin/1. Introduction to MIXIN.mp44.82MB
47. VUE.JS Mixin/2. Try our first local MIXIN.mp48.89MB
47. VUE.JS Mixin/3. Conflict situations with MIXIN.mp46.32MB
47. VUE.JS Mixin/4. Try global MIXIN.mp49.31MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/1. Introduction of connecting Vue.js to PHP and MySQL.mp44.77MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/10. Updating a row Part 1 colour-coding and folding previous codes.mp45.34MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/11. Updating a row Part 2 Settling the UI.mp410.69MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/12. Editing a row Part 3 Sending data to the modal.mp47.05MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/13. Updating a row Part 4 Installing input boxes on modal.mp44.45MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/14. Updating a row Part 5 Installing a data filtering system.mp43.92MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/15. Updating a row Part 6 Sending data to the PHP side.mp419.4MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/16. Updating a row Part 7 saving data to database.mp48.79MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/2. Exchanging data between Vue.js and PHP back-end file.mp418.32MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/3. Connecting Vue to database and display retrieved data.mp415.34MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/4. Connecting Vue.js with PHP and MySQL using jQuery.mp411.45MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/5. Deleting a row in database table Part 1.mp411.83MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/6. Deleting a row in database table Part 2.mp411.97MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/7. Creating new row in database Part 1 Preparing the HTML.mp45.54MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/8. Creating a row in database Part 2 Installing a Data Filtering Mechanism.mp412.1MB
48. VUE.JS Connecting Vue to PHP backend program and MySQL database/9. Creating a row in database Part 3 Setting the PHP and MySQL Parts.mp422.65MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/1. CLI Command Line Crash Course Windows.mp415.51MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/10. Using Babel.mp420.74MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/11. Introduction to Webpack.mp414.42MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/12. Webpack three JavaScript files into one bundled file.mp452.16MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/13. Processing external CSS files using loaders Style-loader and CSS-loader.mp427.26MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/14. Configuring Webpack using the webpack.config.js file.mp418.01MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/15. Using file-loader.mp415.78MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/16. Dealing with packages using expose-loader.mp422.12MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/17. Introduction to Webpack Plugin.mp410.7MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/18. How to use Html-Webpack-Plugin.mp413.76MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/19. Clean-Webpack-Plugin and UglifyJS-Webpack-Plugin.mp412.56MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/2. CLI Command Line Crash Course Mac.mp453.79MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/20. Source map and watch mode.mp412.88MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/21. Webpack-dev-server and Hot Module Replacement(HMR).mp418.51MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/22. Webpack development config file and production file.mp418.31MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/23. ImportExport and module.exports.mp410.84MB
49. Front-end Tools Command Line, NPM, Babel and Webpack/24. Removing unneeded and duplicated codes tree shaking and deduplication.mp418.77MB