ibing 
通过我们全面的课程，成为一名全栈开发者。
这门课程非常适合高中毕业生及以上学历的人群，为你开启一条赚钱的编程职业之路。通过电话和虚拟课堂，你将从零开始掌握编程，从如代码编辑器这样的基本工具开始。
深入学习HTML、CSS、JavaScript、HTTP等，通过实践项目和练习来巩固学习。
探索如Node.js/Express.js和数据库等高级主题，并学习如何托管网站和编写引人注目的简历。Become a Full Stack Developer with our comprehensive course.
Perfect for high school graduates and beyond, this course opens doors to lucrative coding careers.Through calls and virtual classes, you’ll master coding from scratch, starting with essential tools like code editors.
Dive into HTML, CSS, JavaScript, HTTP, and more, with practical projects and exercises to reinforce learning.
Explore advanced topics like Node.js/Express.js and databases, and learn how to host sites and craft a compelling CV.
- 教程编号：1533220873
- 教程语言：英语 / 无字幕
- 安全扫描：无病毒无插件 / 云查杀 Virustotal Virscan
- 培训机构：未知 / IMJMJ
- 文件大小：13.18GB
- 文件格式：视频 / 文档 / 图文
- 压缩软件：7ZIP
- 视频播放：完美解码
└─Full Stack Developer Course
│
├─001 COURSE INTRODUCTION
│ 01 What is this course all about.mp4
│
├─002 CODE EDITORS
│ 01 What is a code editor.mp4
│ 02 Code editor options.mp4
│ 03 Files files files.mp4
│
├─003 HTML
│ │
│ │
│ │
│ ├─01 What is HTML
│ │ 01 HTML Introduction.mp4
│ │ 02 HTML - what exactly is it.mp4
│ │ 03 HTML syntax.mp4
│ │ 04 Saving files in your code editor.mp4
│ │ 05 HTML anatomy.mp4
│ │
│ ├─02 Introducing HTML Elements
│ │ 01 Headings.mp4
│ │ 02 Paragraphs.mp4
│ │ 03 HTML headings, paragraphs and emphasis.mp4
│ │ 04 Indenting code in HTML.mp4
│ │ 05 HTML lists.mp4
│ │ 06 HTML links.mp4
│ │ 07 Navigating pages.mp4
│ │ 08 Images in HTML.mp4
│ │ 09 Creating tables using HTML.mp4
│ │ 10 Introducing the Div.mp4
│ │ 11 Semantic sectioning.mp4
│ │
│ ├─03 PROJECT — Table Tennis Leaderboard
│ │ 01 Table Tennis Leaderboard- PROJECT prep.mp4
│ │ 02 Table Tennis Leaderboard- Starting our PROJECT.mp4
│ │ 03 Table Tennis- Table rows and lists.mp4
│ │ 04 Table Tennis- Sectioning and the figure element.mp4
│ │
│ ├─04 Creating forms
│ │ 01 HTML forms.mp4
│ │ 02 The various input element types in HTML.mp4
│ │ 03 HTML Inputs exercise 1.mp4
│ │ 04 HTML Inputs exercise 2.mp4
│ │ 05 HTML Inputs exercise 3.mp4
│ │ 06 The select dropdown in HTML.mp4
│ │ 07 Using the select element.mp4
│ │
│ ├─05 Working with HTML
│ │ 01 The inspect tool.mp4
│ │ 02 Using the data attribute in HTML.mp4
│ │ 03 Commenting out code in HTML.mp4
│ │
│ └─06 What next
│ 01 What next.mp4
│
│
│
├─004 CSS
│ │
│ │
│ │
│ ├─01 Working with CSS
│ │ 01 An introduction to CSS.mp4
│ │ 02 CSS file setup.mp4
│ │
│ ├─02 The basics
│ │ 01 Let's style some text!.mp4
│ │ 02 Class selectors.mp4
│ │ 03 ID selectors.mp4
│ │ 04 Commenting out CSS.mp4
│ │ 05 The box model.mp4
│ │ 06 ?? Exercise- Styling a div.mp4
│ │ 07 ?? Solution- Styling a div.mp4
│ │
│ ├─03 Colors!
│ │ 01 Working with colors.mp4
│ │ 02 Working with RGB.mp4
│ │ 03 The HEX code.mp4
│ │ 04 Opacity in colors.mp4
│ │
│ ├─04 Gradients and Shadows
│ │ 01 Creating color gradients.mp4
│ │ 02 Advancing our gradient knowledge.mp4
│ │ 03 Applying shadows to elements.mp4
│ │
│ ├─05 Styling Links
│ │ 01 Let's style some links!.mp4
│ │
│ ├─06 PROJECT — Profile Badge
│ │ 01 Profile Badge- Introduction.mp4
│ │ 02 Profile Badge- Layout.mp4
│ │ 03 Profile Badge- Working with images.mp4
│ │ 04 Profile Badge- Background images.mp4
│ │ 05 Profile Badge- Styling with links.mp4
│ │
│ ├─07 Advanced selectors
│ │ 01 Selectors - more than just class names and id's.mp4
│ │
│ ├─08 Introduction to Positioning
│ │ 01 How to give position to elements.mp4
│ │ 02 Positioning divs.mp4
│ │ 03 Floating elements.mp4
│ │ 04 Z-index.mp4
│ │ 05 Exercise - Z-index.mp4
│ │
│ ├─09 Google Fonts!
│ │ 01 How to get extra fonts.mp4
│ │
│ ├─10 PROJECT — Burger Menu
│ │ 01 Burger menu- Introduction.mp4
│ │ 02 Burger menu- Header layout.mp4
│ │ 03 Burger menu- Header styling.mp4
│ │ 04 Burger menu- Google fonts.mp4
│ │ 05 Burger menu- Sections.mp4
│ │ 06 Burger menu- Spacing sections.mp4
│ │ 07 Burger menu- Information section.mp4
│ │ 08 Burger menu- Menu section.mp4
│ │ 09 Burger menu- Footer.mp4
│ │ 10 Burger menu- Absolute elements.mp4
│ │
│ ├─11 Flexbox
│ │ 01 What is flexbox.mp4
│ │ 02 Flexbox- main axis.mp4
│ │ 03 Flexbox- dynamic spacing.mp4
│ │ 04 Exercise- Flexbox.mp4
│ │ 05 Flex items.mp4
│ │
│ ├─12 Styling buttons
│ │ 01 Styling buttons in CSS.mp4
│ │ 02 hover active disabled.mp4
│ │
│ ├─13 Scroll behaviour
│ │ 01 Controlling scrolling.mp4
│ │
│ ├─14 PROJECT — Photo Carousel
│ │ 01 Carousel- Introduction.mp4
│ │ 02 Carousel- Positioning elements.mp4
│ │ 03 Carousel- Bevelled styling.mp4
│ │ 04 Carousel- Scroll into view.mp4
│ │
│ ├─15 Introduction to forms in CSS
│ │ 01 Introduction to forms.mp4
│ │ 02 Various input types.mp4
│ │ 03 Focusing on inputs.mp4
│ │
│ ├─16 Nesting in CSS
│ │ 01 Nesting in CSS.mp4
│ │
│ ├─17 PROJECT — Signup Modal
│ │ 01 Signup Modal- Introduction.mp4
│ │ 02 Signup Modal- Modal layout.mp4
│ │ 03 Signup Modal- Modal styling.mp4
│ │ 04 Signup Modal- Styling inputs.mp4
│ │ 05 Signup Modal- Spacing images.mp4
│ │ 06 Signup Modal- Advanced input styling.mp4
│ │
│ ├─18 Introduction to responsiveness
│ │ 01 What is responsiveness.mp4
│ │ 02 Break points.mp4
│ │ 03 Viewport meta tag.mp4
│ │ 04 Transforming elements.mp4
│ │
│ ├─19 Animations in CSS
│ │ 01 Keyframes.mp4
│ │
│ ├─20 PROJECT — Developer Portfolio
│ │ 01 Portfolio- Introduction.mp4
│ │ 02 Portfolio- Nav structure.mp4
│ │ 03 Portfolio- Hamburger menu structure.mp4
│ │ 04 Portfolio- Nav styling.mp4
│ │ 05 Portfolio- Hamburger menu styling.mp4
│ │ 06 Portfolio- Media queries and the nav.mp4
│ │ 07 Portfolio- Hiding elements.mp4
│ │ 08 Portfolio- Fixed socials tab.mp4
│ │ 09 Portfolio- The main section.mp4
│ │ 10 Portfolio- Styling the main section.mp4
│ │ 11 Portfolio- Bouncing arrow.mp4
│ │ 12 Portfolio- The work section.mp4
│ │ 13 Portfolio- Multiple classes.mp4
│ │ 14 Portfolio- Flex wrapping elements.mp4
│ │ 15 Portfolio- Styling the about-me section.mp4
│ │ 16 Portfolio- The footer.mp4
│ │ 17 Portfolio- Mobile scaling.mp4
│ │ 18 Portfolio- Multiple stylesheets.mp4
│ │ 19 Portfolio- The about-me page.mp4
│ │ 20 Portfolio- Table structure.mp4
│ │ 21 Portfolio- Table styling.mp4
│ │ 22 Portfolio- The about-me info.mp4
│ │ 23 Portfolio- The contact page.mp4
│ │ 24 Portfolio- Styling the contact page.mp4
│ │ 25 Portfolio- Formatting for mobile.mp4
│ │ 26 Portfolio- JavaScript taster.mp4
│ │
│ └─21 What next
│ 01 What to learn next in CSS.mp4
│
│
│
├─005 JAVASCRIPT
│ │
│ │
│ │
│ ├─01 Working with JavaScript
│ │ 01 Introduction to JavaScript.mp4
│ │ 02 Client-side vs server-side.mp4
│ │ 03 JavaScript file setup.mp4
│ │ 04 console.log( ) and commenting out.mp4
│ │
│ ├─02 Variables
│ │ 01 What are variables.mp4
│ │ 02 Scope.mp4
│ │ 03 var vs let.mp4
│ │ 04 const.mp4
│ │
│ ├─03 Data Types
│ │ 01 Booleans, strings and numbers.mp4
│ │ 02 Exercise- Booleans, strings and numbers.mp4
│ │ 02 Exercise- Numbers.mp4
│ │ 03 Other data types.mp4
│ │
│ ├─04 Operators
│ │ 01 Arithmetic Operators.mp4
│ │ 02 Comparison Operators.mp4
│ │ 03 Assignment Operators.mp4
│ │ 04 Equality operators.mp4
│ │
│ ├─05 The if statement
│ │ 01 if statement.mp4
│ │
│ ├─06 Falsey and truthy
│ │ 01 Explaining falsey and truthy.mp4
│ │
│ ├─07 Advanced operators
│ │ 01 Logical operators.mp4
│ │ 02 Nullish coalescence operator.mp4
│ │ 03 Ternary operator.mp4
│ │
│ ├─08 Introduction to Control flow in JavaScript
│ │ 01 if _ else statements.mp4
│ │ 02 Exercise - if _ else statements.mp4
│ │ 03 Exercise- if exercise.mp4
│ │ 04 Exercise- if _ else statements 2.mp4
│ │ 05 Loops!.mp4
│ │ 06 for statement.mp4
│ │ 07 do...while statement.mp4
│ │ 08 ...while statement.mp4
│ │ 09 labelled, break and continue statement.mp4
│ │ 10 Exercise- Fizz Buzz - a developer must!.mp4
│ │
│ ├─09 Fun functions!
│ │ 01 Introduction to functions.mp4
│ │ 02 Arguments and parameters.mp4
│ │ 03 Exercise- Arguments an parameters.mp4
│ │ 04 Exercise- functions progress.mp4
│ │ 05 Function expressions.mp4
│ │ 06 Exercise- function expressions.mp4
│ │ 07 Arrow function expressions.mp4
│ │ 10 Exercise- Arrow function expressions.mp4
│ │
│ ├─10 Introduction to JavaScript Methods and Properties
│ │ 01 What are methods and properties.mp4
│ │ 02 The Math Object.mp4
│ │ 03 Exercise- The Math Object.mp4
│ │ 04 The Date Object.mp4
│ │ 05 Exercise- The Date Object.mp4
│ │ 06 Web APIs and The HTML DOM API.mp4
│ │ 07 The .addEventListener( ).mp4
│ │
│ ├─11 Callbacks in JavaScript
│ │ 01 Callbacks.mp4
│ │ 02 Passing parameters to callbacks.mp4
│ │ 03 Exercise- Callbacks.mp4
│ │
│ ├─12 Picking elements out in JavaScript
│ │ 01 querySelector( ) and more.mp4
│ │ 02 Exercise- .querySelector( ).mp4
│ │ 03 .getElementById( ) and more.mp4
│ │
│ ├─13 PROJECT — Dropdown menu
│ │ 01 Dropdown menu- Introduction.mp4
│ │ 02 Dropdown menu- Main nav container.mp4
│ │ 03 Dropdown menu- Nav structure.mp4
│ │ 04 Dropdown menu- Advanced CSS selectors.mp4
│ │ 05 Dropdown menu- Hovering.mp4
│ │ 06 Dropdown menu- Adding responsiveness.mp4
│ │ 07 Dropdown menu- Sprinkling JavaScript.mp4
│ │ 08 Dropdown menu- Final styling.mp4
│ │
│ ├─14 Creating element in JavaScript
│ │ 01 .createElement( ) and append( ).mp4
│ │
│ ├─15 Styling in JavaScript
│ │ 01 .classList.mp4
│ │ 02 .style.mp4
│ │ 03 Exercise- .classList and .style.mp4
│ │
│ ├─16 PROJECT — Rating widget
│ │ 01 Rating widget- Introduction.mp4
│ │ 02 Rating widget- Layout styling.mp4
│ │ 03 Rating widget- Eyes and mouth.mp4
│ │ 04 Rating widget- Styling mouth options.mp4
│ │ 05 Rating widget- Ratings container.mp4
│ │ 06 Rating widget- Picking out elements.mp4
│ │ 07 Rating widget- Handling emotions with if else statements.mp4
│ │
│ ├─17 Working with numbers
│ │ 01 Number object.mp4
│ │ 02 Exercise- Numbers.mp4
│ │
│ ├─18 Events
│ │ 01 Events and event objects.mp4
│ │ 02 Viewing the event object.mp4
│ │ 03 Keyboard events.mp4
│ │
│ ├─19 PROJECT — Move Bob
│ │ 01 Move Bob- Introduction.mp4
│ │ 02 Move Bob- Styling Bob.mp4
│ │ 03 Move Bob- Moving Bob.mp4
│ │ 04 Move Bob- Accumulating amounts.mp4
│ │ 05 Move Bob- Rotating eyes.mp4
│ │
│ ├─20 Introduction to arrays
│ │ 01 Arrays.mp4
│ │ 02 The Array Object.mp4
│ │ 03 .length( ).mp4
│ │ 04 Exercise- .length( ).mp4
│ │ 05 .shift( ).mp4
│ │ 06 Exercise- .shift( ).mp4
│ │ 07 .unshift( ).mp4
│ │ 08 Exercise- .unshift( ).mp4
│ │ 09 .concat( ).mp4
│ │ 10 .join( ).mp4
│ │ 11 .sort( ).mp4
│ │ 12 Exercise- .sort( ).mp4
│ │ 13 .pop( ).mp4
│ │ 14 Exercise- .pop( ).mp4
│ │ 15 .push( ).mp4
│ │ 16 Exercise- .push( ).mp4
│ │ 17 .splice( ).mp4
│ │ 18 .slice( ).mp4
│ │ 19 Exercise- Arrays recap.mp4
│ │ 20 .forEach( ).mp4
│ │ 21 Exercise- .forEach( ).mp4
│ │
│ ├─21 PROJECT — Color Generator
│ │ 01 Color Generator- Introduction.mp4
│ │ 02 Color Generator- Styling the header.mp4
│ │ 03 Color Generator- Creating color blocks.mp4
│ │ 04 Color Generator- Generating random colors.mp4
│ │ 05 Color Generator- Showing colors.mp4
│ │
│ ├─22 More array work!
│ │ 01 .some( ).mp4
│ │ 02 .map( ).mp4
│ │ 03 .filter( ).mp4
│ │ 04 .includes( ).mp4
│ │ 05 .reduce( ).mp4
│ │ 06 .every( ).mp4
│ │ 07 .split( ).mp4
│ │ 08 Exercise- Final array work.mp4
│ │ 09 Solutions- Final array work.mp4
│ │ 10 Indexes in Arrays- words[1].mp4
│ │
│ ├─23 Writing objects
│ │ 01 Writing our first object.mp4
│ │ 02 Object.keys( ) and Object.values( ).mp4
│ │ 03 Complicated Data.mp4
│ │ 04 Exercise- Complicated data.mp4
│ │
│ ├─24 Introduction to timing events
│ │ 01 Timing events.mp4
│ │ 02 Exercise- setTimeout( ).mp4
│ │ 03 Exercise- setInterval( ).mp4
│ │
│ ├─25 PROJECT — Countdown Timer
│ │ 01 Countdown Timer- Introduction.mp4
│ │ 02 Countdown Timer- Using setInterval().mp4
│ │ 03 Countdown Timer- Stopping our timer.mp4
│ │ 04 Countdown Timer- Animating our slider.mp4
│ │ 05 Countdown Timer- Generating confetti.mp4
│ │ 06 Countdown Timer- Positioning confetti.mp4
│ │ 07 Countdown Timer- Math.random().mp4
│ │
│ ├─26 Drag events
│ │ 01 Drag events.mp4
│ │
│ ├─27 PROJECT — Drag and drop
│ │ 01 Drag and drop- Introduction.mp4
│ │ 02 Drag and drop- Column Styling.mp4
│ │ 03 Drag and drop- Adding tasks.mp4
│ │ 04 Drag and drop- Adding dragging functionality.mp4
│ │ 05 Drag and drop- Dropping tasks.mp4
│ │
│ ├─28 What are Nodes
│ │ 01 Nodes.mp4
│ │ 02 Node interface methods.mp4
│ │
│ ├─29 PROJECT — Kanban Board
│ │ 01 Kanban Board- Introduction.mp4
│ │ 02 Kanban Board- Creating the header.mp4
│ │ 03 Kanban Board- Creating the form.mp4
│ │ 04 Kanban Board- Creating the columns.mp4
│ │ 05 Kanban Board- Picking out elements.mp4
│ │ 06 Kanban Board- Task data.mp4
│ │ 07 Kanban Board- Creating tasks in JavaScript.mp4
│ │ 08 Kanban Board- Using .forEach( ) to create elements.mp4
│ │ 09 Kanban Board- Dragging and dropping.mp4
│ │ 10 Kanban Board- Changing elements on drop.mp4
│ │ 11 Kanban Board- Adding new tasks.mp4
│ │ 12 Kanban Board- Keeping tasks unique.mp4
│ │ 13 Kanban Board- Adding error messages.mp4
│ │ 14 Kanban Board- Final touches.mp4
│ │
│ └─30 Our first JavaScript Class
│ 01 Classes in JavaScript.mp4
│
│
│
├─006 MORE JAVASCRIPT
│ │
│ │
│ │
│ ├─01 PROJECT — Falling Hearts
│ │ 01 Falling Hearts- Introduction.mp4
│ │ 02 Falling Hearts- Using Classes in JavaScript.mp4
│ │ 03 Falling Hearts- Random values.mp4
│ │ 04 Falling Hearts- Creating random hearts.mp4
│ │ 05 Falling Hearts- Generating lots of hearts.mp4
│ │
│ ├─02 Working with the Select Dropdown
│ │ 01 Select Dropdown in JavaScript.mp4
│ │
│ ├─03 The switch case
│ │ 01 Switch case.mp4
│ │
│ ├─04 PROJECT — Temperature Unit Converter
│ │ 01 Temperature Converter- Introduction.mp4
│ │ 02 Temperature Converter- App structure.mp4
│ │ 03 Temperature Converter- Styling the app.mp4
│ │ 04 Temperature Converter- Input and select values.mp4
│ │ 05 Temperature Converter- Handling changes.mp4
│ │ 06 Temperature Converter- Setting up our calculation.mp4
│ │ 07 Temperature Converter- Temperature combination.mp4
│ │ 08 Temperature Converter- Temp conversion maths.mp4
│ │ 09 Temperature Converter- Dealing with anomalies.mp4
│ │ 10 Temperature Converter- Writing clean code.mp4
│ │
│ ├─05 Getting attributes from elements in JavaScript
│ │ 01 .setAttribute( ) and .getAttribute( ).mp4
│ │
│ ├─06 PROJECT — Pomodoro Timer
│ │ 01 Pomodoro Timer- Introduction.mp4
│ │ 02 Pomodoro Timer- Styling our timer.mp4
│ │ 03 Pomodoro Timer- Styling our inputs.mp4
│ │ 04 Pomodoro Timer- Creating our first task.mp4
│ │ 05 Pomodoro Timer- Creating tasks using JavaScript.mp4
│ │ 06 Pomodoro Timer- Mapping data.mp4
│ │ 07 Pomodoro Timer- Deleting tasks.mp4
│ │ 08 Pomodoro Timer- Adding new tasks.mp4
│ │ 09 Pomodoro Timer- Adding countdown functionality.mp4
│ │ 10 Pomodoro Timer- Clearing timers.mp4
│ │ 11 Pomodoro Timer- Pausing and re-starting.mp4
│ │ 12 Pomodoro Timer- Converting to minutes.mp4
│ │ 13 Pomodoro Timer- Final touches.mp4
│ │
│ └─07 Where to go next in JavaScript
│ 01 What next.mp4
│
│
│
├─007 HTTP REQUEST METHODS
│ 01 Introduction to HTTP.mp4
│ 02 HTTP Request Methods.mp4
│ 03 JSON and JSONvue.mp4
│ 04 fetch API.mp4
│ 05 GET Request.mp4
│ 06 Code-a-long- GET Request.mp4
│ 07 POST Request.mp4
│ 08 Code-a-long- POST Request.mp4
│ 09 PUT Request.mp4
│ 10 Code-a-long- PUT Request.mp4
│ 11 DELETE Request.mp4
│ 12 Code-a-long- DELETE Request.mp4
│ 13 HTTP Status Codes and Puppies.mp4
│ 14 HTTP Proxies and Caches.mp4
│ 15 HTTP Cookies.mp4
│
├─008 ASYNCHRONOUS JAVASCRIPT
│ │
│ │
│ │
│ ├─01 A history of Async JavaScript
│ │ 01 Introduction to Async JavaScript.mp4
│ │ 01 Introduction to JavaScript.mp4
│ │ 02 Async vs Sync JavaScript.mp4
│ │ 03 XML vs JSON.mp4
│ │ 04 What is AJAX.mp4
│ │ 05 AJAX - real life example.mp4
│ │ 06 Code-a-long- Ajax.mp4
│ │
│ ├─02 Callbacks and Promises
│ │ 01 Callback approach.mp4
│ │ 02 Promises.mp4
│ │
│ ├─03 PROJECT — Random Beer Generator
│ │ 01 Random Beer Generator- Introduction.mp4
│ │ 02 Random Beer Generator- Styling our app.mp4
│ │ 03 Random Beer Generator- Fetching our data.mp4
│ │ 04 Random Beer Generator- Displaying our data.mp4
│ │ 05 Random Beer Generator- Working with complicated data.mp4
│ │ js-css-html-random-beer-generator.zip
│ │
│ └─04 Modern Async JavaScript
│ 01 Async and await.mp4
│ 02 try...catch.mp4
│
│
│
├─009 CHECK IN
│ 01 A quick check in.mp4
│
├─010 NODE JS EXPRESS JS
│ 01 Server-side development.mp4
│ 02 Introducing Node.js.mp4
│ 03 Popular terminal commands.mp4
│ 04 npm.mp4
│ 05 npm registry.mp4
│ 06 Introducing Express.mp4
│ 07 Scripts + nodemon.mp4
│ 08 Creating our first routes.mp4
│
├─011 DATABASES
│ 01 Introduction to databases.mp4
│ 02 Schema.mp4
│ 03 Document Database Type.mp4
│ 04 Authorization + API Keys.mp4
│ 05 Adding Data via DBMS.mp4
│ 06 Exercise- Adding Data via DBMS.mp4
│ 07 Getting data.mp4
│ 08 Passing parameters.mp4
│ 09 Axios.mp4
│ 10 Adding Data.mp4
│ 11 Adding Data from the browser.mp4
│ 12 Cors.mp4
│ 13 Updating Data.mp4
│ 14 Updating data from the browser.mp4
│ 15 Deleting Data.mp4
│ 16 Deleting data from the browser.mp4
│ 17 .env.mp4
│
├─012 REACT
│ │
│ │
│ │
│ ├─01 Introduction to React
│ │ 01 Introduction to React.mp4
│ │ 02 Create-react-app.mp4
│ │ 03 Understanding the file structure.mp4
│ │ 04 Starting our Application.mp4
│ │
│ ├─02 Node Modules
│ │ 01 Node Modules.mp4
│ │ 02 Exercise- Node Modules.mp4
│ │
│ ├─03 Building in React
│ │ 01 ReactDOM.mp4
│ │ 02 Functional Components.mp4
│ │ 03 JSX.mp4
│ │ 04 Importing Custom Components.mp4
│ │ 05 Class vs ClassName.mp4
│ │ 06 Variables in JSX.mp4
│ │ 07 Props.mp4
│ │ 08 Nested Components.mp4
│ │ 09 Nested Components part 2.mp4
│ │ 10 Passing Objects as Props.mp4
│ │ 11 Mapping Components.mp4
│ │ 12 Mapping Custom Components.mp4
│ │ 13 Mapping Custom Components part 2.mp4
│ │
│ ├─04 useState hook
│ │ 01 useState hook.mp4
│ │ 02 Let's start a PROJECT!.mp4
│ │ 03 useState example.mp4
│ │ 04 useState advanced.mp4
│ │ 05 useState advanced - an alternative.mp4
│ │
│ ├─05 PROJECT — Credit Card Form
│ │ 01 Credit Card Form- Introduction.mp4
│ │ 02 Credit Card Form- Styling the container.mp4
│ │ 03 Credit Card Form- Structuring inputs.mp4
│ │ 04 Credit Card Form- Styling inputs.mp4
│ │ 05 Credit Card Form- The credit card component.mp4
│ │ 06 Credit Card Form- Styling the front of the credit card.mp4
│ │ 07 Credit Card Form- Styling the back of the credit card.mp4
│ │ 08 Credit Card Form- Controlling the credit card view.mp4
│ │ 09 Credit Card Form- Saving data to state as an object.mp4
│ │ 10 Credit Card Form- The formData object.mp4
│ │ 11 Credit Card Form- Allowing numbers.mp4
│ │ 12 Credit Card Form- Getting card types.mp4
│ │ 13 Credit Card Form- Replacing characters.mp4
│ │
│ ├─06 useEffect hook
│ │ 01 useEffect hook.mp4
│ │ 02 useEffect hook example.mp4
│ │ 03 useEffect + useState.mp4
│ │
│ ├─07 PROJECT — Weather App
│ │ 01 Weather App Introduction.mp4
│ │ 02 Weather App- Creating Components.mp4
│ │ 03 Weather App- Styling our app.mp4
│ │ 04 Weather App- Styling the components.mp4
│ │ 05 Weather App- Getting our current location.mp4
│ │ 06 Weather App- Working with the API.mp4
│ │ 07 Weather App- Customising our URL.mp4
│ │ 08 Weather App- Helper file.mp4
│ │ 09 Weather App- Displaying different icons.mp4
│ │ 10 Weather App- Changing our icon styling.mp4
│ │ 11 Weather App- Passing data to each card.mp4
│ │ 12 Weather App- Displaying the day.mp4
│ │ 13 Weather App- Converting units.mp4
│ │ 14 Weather App- Setting units.mp4
│ │ 15 Weather App- Deactivating buttons.mp4
│ │ react-weather-app-api-PROJECT.zip
│ │
│ ├─08 useRef hook
│ │ 01 useRef Hook.mp4
│ │ 02 forwardRef.mp4
│ │
│ ├─09 Passing state from child to parent
│ │ 01 Passing state from child to parent.mp4
│ │
│ └─10 PROJECT — Travel App
│ 01 Travel App- Introduction.mp4
│ 02 Travel App- Creating pages in React.mp4
│ 03 Travel App- Working on the dashboard.mp4
│ 04 Travel App- Common Components.mp4
│ 05 Travel App- The Header component.mp4
│ 06 Travel App- The Footer component.mp4
│ 07 Travel App- Card components.mp4
│ 08 Travel App- Writing JSON.mp4
│ 09 Travel App- Mapping data onto Cards.mp4
│ 10 Travel App Mapping data onto tags.mp4
│ 11 Travel App- Creating our database.mp4
│ 12 Travel App- Creating our server.mp4
│ 13 Travel App- Getting all our data.mp4
│ 14 Travel App- Saving our data to state.mp4
│ 15 Travel App- Mapping data from our database.mp4
│ 16 Travel App- Creating the popup modal.mp4
│ 17 Travel App- Setting the modal mode.mp4
│ 18 Travel App- Styling the modal.mp4
│ 19 Travel App- Changing state of an object.mp4
│ 20 Travel App- Adding more inputs.mp4
│ 21 Travel App Reusable class names.mp4
│ 22 Travel App- Final inputs.mp4
│ 23 Travel App- Displaying posts in pages.mp4
│ 24 Travel App- Rendering the modal for edit mode.mp4
│ 25 Travel App- Passing parameters to the backend.mp4
│ 26 Travel App- Displaying individual post data.mp4
│ 27 Travel App- Editing posts from the UI.mp4
│ 28 Travel App- Working with checkboxes.mp4
│ 29 Travel App- Updating data in our databases.mp4
│ 30 Travel App- Helper files and posting new data.mp4
│ 31 Travel App- Sending post data to the backend.mp4
│ 32 Travel App- Adding new posts from the UI.mp4
│ 33 Travel App- Deleting posts.mp4
│ 34 Travel App- Custom Card.mp4
│ 35 Travel App- Map API.mp4
│ 36 Travel App- Final touches.mp4
│ react-travel-app.zip
│
│
│
├─013 GITHUB
│ 01 Uploading out PROJECTs.mp4
│ 02 The alternative.mp4
│ course-PROJECTs-main.zip
│
├─014 HOSTING OUR WEBSITE ON INTERNET
│ 01 Preparing our PROJECT.mp4
│ 02 Hosting our files online.mp4
│
├─015 CV PREP AND DEVELOPER ADVICE
│ 01 Let's write a CV!.mp4
│
├─016 THE END!
│ 8dc68c5-7c60-c266-2267-f7afaddbd1e_React_-_all_slides_94_.jpg
│
├─17 BONUS — SQL
│ 01 SQL Introduction.mp4
│ 02 Creating Tables.mp4
│ 03 Deleting Tables.mp4
│ 04 Inserting Data into Tables.mp4
│ 05 The Select statement.mp4
│ 06 Updating data in your Table.mp4
│ 07 Deleting Rows.mp4
│ 08 PostgreSQL.mp4
│ 09 Setting up PostgreSQL.mp4
│ 10 PostgreSQL exercises.mp4
│ 11 Primary Keys.mp4
│ 12 SQL Arrays.mp4
│
└─18 BONUS — FULL STACK APP
01 To-do App- What we will be doing.mp4
02 To-do App- Introduction.mp4
03 To-do App- Setting up our PROJECT.mp4
04 To-do App- Creating Components.mp4
05 To-do App- Styling our app.mp4
06 To-do App- Styling the List Header.mp4
07 To-do App- Installing PostgreSQL.mp4
08 To-do App- Setting up our server.mp4
09 To-do App- Writing an Express route.mp4
10 To-do App- Connection to our Database.mp4
11 To-do App- Getting data by unique email.mp4
12 To-do App- When you are blocked by CORS.mp4
13 To-do App- Saving ToDo's to state.mp4
14 To-do App- Mapping Data to Components.mp4
15 To-do App- Using SVGs.mp4
16 To-do App- Styling Buttons on hover and active.mp4
17 To-do App- Creating a Popup Modal.mp4
18 To-do App- Styling the overlay and the Modal.mp4
19 To-do App- Updating Objects with useState( ).mp4
20 To-do App- Controlling the Modal with useState( ).mp4
21 To-do App- Rendering Components based on variables.mp4
22 To-do App- Posting Data.mp4
23 To-do App- Adding new tasks.mp4
24 To-do App- app.use(express.json( )).mp4
25 To-do App- Updating tasks.mp4
26 To-do App- Deleting tasks.mp4
27 To-do App- Secret variables on the client.mp4
28 To-do App- Add a signup modal.mp4
29 To-do App- Finishing touches on Auth Modal.mp4
30 To-do App- Hooking up the Auth Modal.mp4
31 To-do App- Signup and Login server endpoints.mp4
32 To-do App- Hashing passwords.mp4
33 To-do App- Working with Cookies.mp4
34 To-do App- Signing into our App.mp4
35 To-do App- Removing Cookies.mp4
36 To-do App- The Progress Bar.mp4
37 To-do App- Fixing 'error' to say 'err'.mp4
38 To-do App- Putting our files on GitHub.mp4
39 To-do App- Deploying our Full Stack App.mp4
finalcode.pdf
