舉報(bào)

會員
JavaScript by Example
最新章節(jié):
Summary
ThetargetaudienceforthisbookisdeveloperswithlittleorbasicknowledgeofworkingwithJavaScript.IfyouareanemergingwebdeveloperwithexperienceinbuildingstaticwebpagesusingHTMLandCSS,thisbookwillteachyoutoaddJavaScriptelementstomakeyourwebsiteinteractiveanddynamic.
最新章節(jié)
- Summary
- Persisting Redux store
- The Redux data flow
- The NewPost component
- Post component
- Home component
品牌:中圖公司
上架時(shí)間:2021-07-02 18:14:55
出版社:Packt Publishing
本書數(shù)字版權(quán)由中圖公司提供,并由其授權(quán)上海閱文信息技術(shù)有限公司制作發(fā)行
- Summary 更新時(shí)間: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 更新時(shí)間:2021-07-02 18:39:35