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.64MB
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.73MB
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.14MB
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.02MB
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.5MB
10. Margin and its bugs, challenges, solutions and applications/6. Margin Parent and Child DIV.mp48.49MB
10. Margin and its bugs, challenges, solutions and applications/7. Setting Margin Siblings.mp48.18MB
10. Margin and its bugs, challenges, solutions and applications/8. Setting vertical margin to sibling images Part 1.mp421.97MB
10. Margin and its bugs, challenges, solutions and applications/9. Setting vertical margin to sibling images Part 2.mp45.1MB
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.7MB
11. POSITION and its challenges, solutions and applications/3. Relative Position.mp48.86MB
11. POSITION and its challenges, solutions and applications/4. Fixed Position.mp48.34MB
11. POSITION and its challenges, solutions and applications/5. Absolute Position.mp47.04MB
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.03MB
11. POSITION and its challenges, solutions and applications/8. Percentage Value used by POSITION.mp413.36MB
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.39MB
12. FLOAT and its challenges, solutions and applications/3. Float sibling elements simultaneously.mp48.23MB
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.18MB
12. FLOAT and its challenges, solutions and applications/6. The alignment of floated sibling elements.mp42.62MB
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.3MB
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.6MB
13. Challenge your front-end skills and understanding of FLOAT and POSITION/2. Review of Float, Relative Position and Absolute Position Part 1.mp48.52MB
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.96MB
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.54MB
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.38MB
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.95MB
14. Apply what you have learnt and create projects/13. Practical and Creative application of Absolute Position.mp416.02MB
14. Apply what you have learnt and create projects/14. After Selector.mp46.56MB
14. Apply what you have learnt and create projects/2. Create a complete web page the Header and Footer part of amazon.mp49.09MB
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.38MB
14. Apply what you have learnt and create projects/5. IMPORTANT Putting a decorative line behind the hyperlink Part 2.mp48.69MB
14. Apply what you have learnt and create projects/6. IMPORTANT ICON and Hyperlink Method 1.mp412.19MB
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.18MB
14. Apply what you have learnt and create projects/9. Coding Demonstration.mp45.27MB
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.01MB
16. Responsive and retina-ready web page design/10. Application responsive header Part 1.mp44.74MB
16. Responsive and retina-ready web page design/11. Application responsive header Part 2.mp411.15MB
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.95MB
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.39MB
16. Responsive and retina-ready web page design/17. Background-size the CONTAIN and COVER value.mp46.88MB
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.58MB
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.54MB
16. Responsive and retina-ready web page design/3. Meida query.mp47.03MB
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.32MB
16. Responsive and retina-ready web page design/8. Application Step 2- adapt to tablets.mp43.5MB
16. Responsive and retina-ready web page design/9. Application Step 3- adapt to phone.mp44.83MB
17. JavaScript/1. JavaScript and jQuery introuction.mp46.29MB
17. JavaScript/10. Loop Statement WHILE and FOR.mp411.28MB
17. JavaScript/11. The bigger basket Array.mp44.01MB
17. JavaScript/12. Function Built-in, Self-defined, and Anonymous.mp410.26MB
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.64MB
17. JavaScript/16. DOM object introduction and its document.write method.mp42.61MB
17. JavaScript/17. Page element, Nodes, and DOM Tree.mp46.15MB
17. JavaScript/18. Preparations.mp49.35MB
17. JavaScript/19. Absolute and relative selection.mp43.85MB
17. JavaScript/2. Running environment of JavaScript.mp44.21MB
17. JavaScript/20. Select page element by its ID getElementById.mp46.32MB
17. JavaScript/21. Retrieving text contents from selected element innerText.mp42.26MB
17. JavaScript/22. Retrieving and resetting HTML and attributes.mp48.98MB
17. JavaScript/23. Selecting elements by class and tag name.mp46.77MB
17. JavaScript/24. Relative Selection-- Part 1.mp47.35MB
17. JavaScript/25. Relative Selection-- Part 2.mp47.06MB
17. JavaScript/26. Creating new elements.mp48.91MB
17. JavaScript/27. Inserting new elements to the designated location.mp45.65MB
17. JavaScript/28. Delete a selected page element.mp43.83MB
17. JavaScript/29. Challenge how to empty a list automatically.mp47.93MB
17. JavaScript/3. Internal and External JavaScript codes.mp43.21MB
17. JavaScript/30. Introduction to EVENT.mp42.08MB
17. JavaScript/31. Creating a working switch button.mp43.78MB
17. JavaScript/32. Try self-defined function on EVENT.mp42.26MB
17. JavaScript/33. window.onload.mp43.11MB
17. JavaScript/34. addEventListener.mp44.4MB
17. JavaScript/35. Try the addEventListener method.mp42.96MB
17. JavaScript/36. event.target.mp45.11MB
17. JavaScript/37. stopPropagation.mp47.88MB
17. JavaScript/38. Setting the third argument to TRUE.mp42.47MB
17. JavaScript/4. JavaScript Comment.mp41.95MB
17. JavaScript/5. Data Type used in JavaScript.mp46.05MB
17. JavaScript/6. One Equal Sign, two Equal Sign, and Three Equal Sign.mp42.54MB
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. jQuery/1. jQuery Introduction and Installation.mp47.86MB
18. jQuery/10. Relative selection reaching the parent from child element.mp42.97MB
21. VUE.JS Introduction and Getting started/1. Vue introduction.mp47.11MB
21. VUE.JS Introduction and Getting started/2. Try your first Vue program.mp47.34MB
22. VUE.JS Directives v-bind and v-for/1. Controlling attribute value using the v-bind directive.mp43.82MB
22. VUE.JS Directives v-bind and v-for/2. Creating an APP using everything we have learnt so far the BBC news block.mp45.71MB
22. VUE.JS Directives v-bind and v-for/3. Creating a list using the V-FOR directive.mp44.84MB
23. 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.63MB
23. 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.01MB
24. VUE.JS Exploring the Proxy feature/1. Exploring the mechanism of Vue and getting to know a new CS6 feature Proxy.mp49.97MB
24. VUE.JS Exploring the Proxy feature/2. Proxy methods.mp45.74MB
24. VUE.JS Exploring the Proxy feature/3. Prove the conclusion.mp43.05MB
24. VUE.JS Exploring the Proxy feature/4. How Vue benefits from Proxy.mp48.91MB
25. VUE methods and conditional rendering/1. Binding methods using the V-ON directive.mp48.38MB
36. VUE.JS Slots/2. The application of slots in creating a news page.mp43.34MB
36. VUE.JS Slots/3. Named slot.mp46.95MB
37. VUE.JS Exchanging data between sibling components-- Central Event Bus/1. Data communication between sibling components.mp412.15MB
37. VUE.JS Exchanging data between sibling components-- Central Event Bus/2. Data exchange between sibling components using $emit() and $on().mp424.21MB
38. VUE.JS Creating a news reading and editing APP/1. Complicated Project news reading and editing APP.mp48.85MB
38. VUE.JS Creating a news reading and editing APP/2. Preparation creating a Vue function to display formatted date and time.mp415.11MB
38. VUE.JS Creating a news reading and editing APP/3. Complicated Project Stage 1 creating a news publishing APP.mp428.28MB
38. VUE.JS Creating a news reading and editing APP/4. Complicated Project Stage 2 completing the news publishing APP.mp419.64MB
39. 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.18MB
39. VUE.JS New contents added by Vue 2.3 .sync modifier and model option/2. Custom V-MODEL.mp43.8MB
4. Vital Difference between BLOCK and INLINE tags/1. SPAN and the concept of BLOCK and INLINE tags.mp45.95MB
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.64MB
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.98MB
4. Vital Difference between BLOCK and INLINE tags/6. Miscellansous Issues about Styling Texts.mp44.55MB
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.01MB
40. VUE.JS Scoped slots/1. Introduction to scoped slots.mp42.17MB
40. VUE.JS Scoped slots/2. demonstration of using scoped slots.mp46.02MB
40. VUE.JS Scoped slots/3. Using scoped slots on lists.mp48.91MB
41. VUE.JS Component Miscellaneous/1. is, keep-alive, and v-once.mp43.31MB
41. VUE.JS Component Miscellaneous/2. Retrieving the object representing the component using ref.mp44.02MB
42. VUE.JS API and reactivity in depth/1. Standardising a few names.mp45.1MB
42. VUE.JS API and reactivity in depth/2. API Part 1.mp46.47MB
42. VUE.JS API and reactivity in depth/3. API Part 2 using template in Vue instance.mp43.24MB
42. VUE.JS API and reactivity in depth/4. API 3, 4, 5.mp4138.02MB
42. VUE.JS API and reactivity in depth/5. Try something interesting.mp43.25MB
42. VUE.JS API and reactivity in depth/6. API 6, 7, 8.mp499.42MB
42. VUE.JS API and reactivity in depth/7. API 9, 10, 11, 12, 13.mp482.64MB
43. VUE.JS Transition Effects/6. Adding transition effect to dynamic components.mp43.59MB
43. VUE.JS Transition Effects/7. Adding transitioning effects to lists transition-group.mp49.43MB
43. VUE.JS Transition Effects/8. Introduction to animate.css.mp48.54MB
43. VUE.JS Transition Effects/9. Adding transitioning effects created by animate.css.mp45.08MB
44. VUE.JS RENDER function/1. Introduction to RENDER function.mp412.68MB
44. VUE.JS RENDER function/2. Setting attributes using the RENDER function.mp46.07MB
44. VUE.JS RENDER function/3. Creating a list using RENDER function.mp415.31MB
44. VUE.JS RENDER function/4. Exchanging data using the RENDER function.mp412.3MB
45. VUE.JS Custom DIrectives/1. Introduction to Custom Directives.mp414.72MB
45. VUE.JS Custom DIrectives/2. The binding property used in the directive property.mp49.02MB
45. VUE.JS Custom DIrectives/3. A short-cut in custom directives.mp44.57MB
46. VUE.JS Mixin/1. Introduction to MIXIN.mp44.82MB
46. VUE.JS Mixin/2. Try our first local MIXIN.mp48.88MB
46. VUE.JS Mixin/3. Conflict situations with MIXIN.mp46.32MB
46. VUE.JS Mixin/4. Try global MIXIN.mp49.31MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/1. Introduction of connecting Vue.js to PHP and MySQL.mp44.76MB
47. 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
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/11. Updating a row Part 2 Settling the UI.mp410.68MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/12. Editing a row Part 3 Sending data to the modal.mp47.04MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/13. Updating a row Part 4 Installing input boxes on modal.mp44.44MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/14. Updating a row Part 5 Installing a data filtering system.mp43.91MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/15. Updating a row Part 6 Sending data to the PHP side.mp419.39MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/16. Updating a row Part 7 saving data to database.mp48.79MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/2. Exchanging data between Vue.js and PHP back-end file.mp418.31MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/3. Connecting Vue to database and display retrieved data.mp415.35MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/4. Connecting Vue.js with PHP and MySQL using jQuery.mp411.44MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/5. Deleting a row in database table Part 1.mp411.82MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/6. Deleting a row in database table Part 2.mp411.97MB
47. VUE.JS Connecting Vue to PHP backend program and MySQL database/7. Creating new row in database Part 1 Preparing the HTML.mp45.54MB
47. 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
47. 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.64MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/1. CLI Command Line Crash Course Windows.mp415.5MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/10. Using Babel.mp420.74MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/11. Introduction to Webpack.mp414.41MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/12. Webpack three JavaScript files into one bundled file.mp452.16MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/13. Processing external CSS files using loaders Style-loader and CSS-loader.mp427.25MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/14. Configuring Webpack using the webpack.config.js file.mp418.02MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/15. Using file-loader.mp415.77MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/16. Dealing with packages using expose-loader.mp422.12MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/17. Introduction to Webpack Plugin.mp410.7MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/18. How to use Html-Webpack-Plugin.mp413.75MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/19. Clean-Webpack-Plugin and UglifyJS-Webpack-Plugin.mp412.56MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/2. CLI Command Line Crash Course Mac.mp453.78MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/20. Source map and watch mode.mp412.87MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/21. Webpack-dev-server and Hot Module Replacement(HMR).mp418.51MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/22. Webpack development config file and production file.mp418.3MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/23. ImportExport and module.exports.mp410.84MB
48. Front-end Tools Command Line, NPM, Babel and Webpack/24. Removing unneeded and duplicated codes tree shaking and deduplication.mp418.76MB