最新章節

• Summary
• Persisting Redux store
• The Redux data flow
• The NewPost component
• Post component
• Home component

• Summary 更新時間：2021-07-02 18:39:35
• Persisting Redux store
• The Redux data flow
• The NewPost component
• Post component
• Home component
• The App component
• Connecting Redux with React components
• Store
• The Root Reducer
• Reducers
• Adding a new post
• Get all posts
• Actions
• Action types
• Initial state
• The folder structure
• Implementing Redux in the blog
• Reducers
• Actions
• Store
• Introduction to Redux
• Flux
• What is Redux?
• Redux
• Summary
• Generating production builds
• Submitting the post
• Adding a new blog post
• Displaying post details
• Using child components
• Blog home page
• Seamless navigation with NavLink
• Proptype validation
• Managing history using withRouter
• Adding routes in the app component
• The routes file
• Implementing routing and navigation using React Router
• Creating the navigation bar
• Building a blog with React
• Size
• Maintainability
• Performance
• Advantages of using React
• Preventing mutations using the spread syntax
• Adding new tasks
• Managing the state for the tasks
• Managing the state for the input field
• Adding and managing states
• The React crash course
• Building the Counter
• Props
• Immutable state
• React
• Selecting a framework
• Why use a framework?
• Building a Blog with React
• Summary
• Essential things to know
• Fixing browser compatibility
• Using setters and getters
• Responding to changes in element attributes
• Adding the current time to the widget
• Retrieving and displaying weather information
• Adding dependency modules
• Working with the custom element
• Attaching a shadow DOM
• Testing the custom element
• Creating the weather custom element
• Retrieving the geolocation
• Working of the Weather Widget
• Building the Weather Widget
• HTML imports
• HTML templates
• Introduction to web components
• Can you build a Weather Widget?
• Developing a Weather Widget
• Summary
• Video Call in action
• Selecting a video
• Adding and removing videos
• Setters and getters
• Joining a room
• Click to copy text
• Adding participants to your room
• Creating a room
• Building the Video Call app
• Adding styles to the page
• Initial project setup
• Building the Video Call application
• RTCPeerConnection and RTCDataChannel
• Using Adapter.js library
• MediaStream
• JavaScript WebRTC API
• JavaScript WebAPIs
• History of WebRTC
• Introduction to WebRTC
• Real-Time Video Call App with WebRTC
• Summary
• Shipping the code
• Generating a production build
• Adding Google Maps with a marker
• Adding Google Maps to the web page
• Setting up tab sections
• Adding charts to the canvas elements
• Adding charts to the website using Chart.js
• Back to the form
• Other network request methods
• Constructing the request details
• Creating the API call module
• What is a Promise?
• Making network requests in JavaScript
• Submitting the form using AJAX
• Working with regular expressions in JavaScript
• Form validation module
• Reading form data in JavaScript
• HTML forms
• Validating and submitting the form using JavaScript
• Adding styles to the page
• Initial project setup
• Event - JS meetup
• Event Registration App
• Summary
• Making a canvas responsive to show large images
• Rendering text on the canvas
• Reading a file using JavaScript
• Rendering an image in the canvas
• Event handling
• Building the Meme Creator
• Source maps in production
• Clean dist folder before generating a new build
• Cache busting
• ExtractTextPlugin
• PurifyCSSPlugin
• UglifyJsPlugin
• Creating .env file in Windows
• Optimizing Webpack builds for different environments
• Webpack dev server
• Plugins in Webpack
• Bundling Bootstrap in Webpack
• Loaders in Webpack
• Bundling modules in Webpack
• Modules in JavaScript
• Webpack module bundler
• Content area
• Navigation bar
• Designing the Meme Creator
• Flexbox - a quick introduction
• Responsive designing with flexbox
• Initial project setup
• Building a Meme Creator
• Summary
• Shipping the code
• Setting up our development environment with Node and Babel
• Node.js and npm
• Compatibility with older browsers
• Persisting data in the browser
• Adding tasks by hitting Enter button
• Adding new tasks to the list
• Managing task status
• Template literals
• Loading the tasks from data
• let var and const
• Arrow functions
• Getting started with ES6
• Chrome DevTools
• ToDo List app
• Google Chrome
• For Mac users
• For Linux users
• For Windows users
• Node.js
• Text editor
• System requirements
• Building a ToDo List
• Questions
• Piracy
• Errata
• Downloading the example code
• Customer support
• Reader feedback
• Conventions
• Who this book is for
• What you need for this book
• What this book covers
• Preface
• Dedication
• Customer Feedback
• Why subscribe?
• www.PacktPub.com
• About the Reviewer
• About the Author
• Credits
• JavaScript by Example
• Copyright
• Title Page
• cover

• cover
• Title Page
• Copyright
• JavaScript by Example
• Credits
• About the Author
• About the Reviewer
• www.PacktPub.com
• Why subscribe?
• Customer Feedback
• Dedication
• Preface
• What this book covers
• What you need for this book
• Who this book is for
• Conventions
• Reader feedback
• Customer support
• Downloading the example code
• Errata
• Piracy
• Questions
• Building a ToDo List
• System requirements
• Text editor
• Node.js
• For Windows users
• For Linux users
• For Mac users
• Google Chrome
• ToDo List app
• Chrome DevTools
• Getting started with ES6
• Arrow functions
• let var and const
• Loading the tasks from data
• Template literals
• Managing task status
• Adding new tasks to the list
• Adding tasks by hitting Enter button
• Persisting data in the browser
• Compatibility with older browsers
• Node.js and npm
• Setting up our development environment with Node and Babel
• Shipping the code
• Summary
• Building a Meme Creator
• Initial project setup
• Responsive designing with flexbox
• Flexbox - a quick introduction
• Designing the Meme Creator
• Navigation bar
• Content area
• Webpack module bundler
• Modules in JavaScript
• Bundling modules in Webpack
• Loaders in Webpack
• Bundling Bootstrap in Webpack
• Plugins in Webpack
• Webpack dev server
• Optimizing Webpack builds for different environments
• Creating .env file in Windows
• UglifyJsPlugin
• PurifyCSSPlugin
• ExtractTextPlugin
• Cache busting
• Clean dist folder before generating a new build
• Source maps in production
• Building the Meme Creator
• Event handling
• Rendering an image in the canvas
• Reading a file using JavaScript
• Rendering text on the canvas
• Making a canvas responsive to show large images
• Summary
• Event Registration App
• Event - JS meetup
• Initial project setup
• Adding styles to the page
• Validating and submitting the form using JavaScript
• HTML forms
• Reading form data in JavaScript
• Form validation module
• Working with regular expressions in JavaScript
• Submitting the form using AJAX
• Making network requests in JavaScript
• What is a Promise?
• Creating the API call module
• Constructing the request details
• Other network request methods
• Back to the form
• Adding charts to the website using Chart.js
• Adding charts to the canvas elements
• Setting up tab sections
• Adding Google Maps to the web page
• Adding Google Maps with a marker
• Generating a production build
• Shipping the code
• Summary
• Real-Time Video Call App with WebRTC
• Introduction to WebRTC
• History of WebRTC
• JavaScript WebAPIs
• JavaScript WebRTC API
• MediaStream
• Using Adapter.js library
• RTCPeerConnection and RTCDataChannel
• Building the Video Call application
• Initial project setup
• Adding styles to the page
• Building the Video Call app
• Creating a room
• Adding participants to your room
• Click to copy text
• Joining a room
• Setters and getters
• Adding and removing videos
• Selecting a video
• Video Call in action
• Summary
• Developing a Weather Widget
• Can you build a Weather Widget?
• Introduction to web components
• HTML templates
• HTML imports
• Building the Weather Widget
• Working of the Weather Widget
• Retrieving the geolocation
• Creating the weather custom element
• Testing the custom element
• Attaching a shadow DOM
• Working with the custom element
• Adding dependency modules
• Retrieving and displaying weather information
• Adding the current time to the widget
• Responding to changes in element attributes
• Using setters and getters
• Fixing browser compatibility
• Essential things to know
• Summary
• Building a Blog with React
• Why use a framework?
• Selecting a framework
• React
• Immutable state
• Props
• Building the Counter
• The React crash course
• Adding and managing states
• Managing the state for the input field
• Managing the state for the tasks
• Adding new tasks
• Preventing mutations using the spread syntax
• Advantages of using React
• Performance
• Maintainability
• Size
• Building a blog with React
• Creating the navigation bar
• Implementing routing and navigation using React Router
• The routes file
• Adding routes in the app component
• Managing history using withRouter
• Proptype validation
• Seamless navigation with NavLink
• Blog home page
• Using child components
• Displaying post details
• Adding a new blog post
• Submitting the post
• Generating production builds
• Summary
• Redux
• What is Redux?
• Flux
• Introduction to Redux
• Store
• Actions
• Reducers
• Implementing Redux in the blog
• The folder structure
• Initial state
• Action types
• Actions
• Get all posts
• Adding a new post
• Reducers
• The Root Reducer
• Store
• Connecting Redux with React components
• The App component
• Home component
• Post component
• The NewPost component
• The Redux data flow
• Persisting Redux store
• Summary 更新時間：2021-07-02 18:39:35