目錄(197章)
倒序
- 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
推薦閱讀
- Vue.js 3.x快速入門
- ExtGWT Rich Internet Application Cookbook
- 零基礎搭建量化投資系統：以Python為工具
- 樂學Web編程：網站制作不神秘
- Learning ASP.NET Core 2.0
- Mastering Python Scripting for System Administrators
- Java EE 7 Performance Tuning and Optimization
- Kotlin從基礎到實戰
- UNIX Linux程序設計教程
- Machine Learning With Go
- JavaScript從入門到精通（視頻實戰版）
- Mastering Concurrency in Python
- Java 11 and 12：New Features
- 用Go語言自制編譯器
- C語言編程魔法書：基于C11標準
- Vue.js項目開發實戰
- Python大數據與機器學習實戰
- Kudu：構建高性能實時數據分析存儲系統
- 常用工具軟件（第4版）
- 跨平臺的移動Web開發實戰（HTML5+CSS3）
- Python全案例學習與實踐
- 中學生C++創意編程
- Mastering Linux Shell Scripting
- 新印象：中文版Sketch圖標與UI界面設計實例教程
- Python密碼學編程（第2版）
- Learning PostgreSQL 11
- More Exceptional C++：40個新的工程難題、編程疑問及解決方法(中文版)
- 深入理解Java虛擬機：JVM高級特性與最佳實踐（第2版）
- Building Machine Learning Systems with Python
- Java修煉指南：高頻源碼解析
