Building Native Web Components: Front-End Development with Polymer and Vue.js Carlos Rojas instant download
Building Native Web Components: Front-End Development with Polymer and Vue.js Carlos Rojas instant download
https://textbookfull.com/product/building-native-web-components-
front-end-development-with-polymer-and-vue-js-carlos-rojas/
https://textbookfull.com/product/developing-web-components-with-
typescript-native-web-development-using-thin-libraries-1st-
edition-jorg-krause-krause/
https://textbookfull.com/product/vue-on-rails-end-to-end-guide-
to-building-web-apps-using-vue-js-and-rails-bryan-lim/
https://textbookfull.com/product/developing-web-components-with-
typescript-native-web-development-using-thin-libraries-1st-
edition-jorg-krause-krause-jorg/
https://textbookfull.com/product/complete-vue-js-2-web-
development-practical-guide-to-building-end-to-end-web-
development-solutions-with-vue-js-2-1st-edition-mike-street/
Front End Web Development The Big Nerd Ranch Guide 1st
Edition Chris Aquino
https://textbookfull.com/product/front-end-web-development-the-
big-nerd-ranch-guide-1st-edition-chris-aquino/
https://textbookfull.com/product/full-stack-web-development-with-
go-build-your-web-applications-quickly-using-the-go-programming-
language-and-vue-js-1st-edition-nanik-tolaram/
https://textbookfull.com/product/learning-react-native-building-
native-mobile-apps-with-javascript-2nd-edition-bonnie-eisenman/
Front End Tooling with Gulp Bower and Yeoman NOT true
pdf 1st Edition Stefan Baumgartner
https://textbookfull.com/product/front-end-tooling-with-gulp-
bower-and-yeoman-not-true-pdf-1st-edition-stefan-baumgartner/
Building
Native Web
Components
Front-End Development with Polymer
and Vue.js
—
Carlos Rojas
Building Native Web
Components
Front-End Development with
Polymer and Vue.js
Carlos Rojas
Building Native Web Components: Front-End Development with Polymer and Vue.js
Carlos Rojas
Medellin, Colombia
Introduction�������������������������������������������������������������������������������������������������������������xv
v
Table of Contents
vi
Table of Contents
SimpleFormModalComponent����������������������������������������������������������������������������������������������������� 74
Adding an API������������������������������������������������������������������������������������������������������������������������������ 84
Summary������������������������������������������������������������������������������������������������������������������������������������ 88
vii
Table of Contents
beforeDestroy���������������������������������������������������������������������������������������������������������������������� 146
destroyed����������������������������������������������������������������������������������������������������������������������������� 146
Communicating Between Vue Components������������������������������������������������������������������������������ 146
What Are Props?������������������������������������������������������������������������������������������������������������������ 147
What Is a Ref Attribute?������������������������������������������������������������������������������������������������������� 148
Emitting an Event���������������������������������������������������������������������������������������������������������������� 148
Using Two-Way Data Binding����������������������������������������������������������������������������������������������� 149
Material Web Components��������������������������������������������������������������������������������������������������� 150
Building VueNoteApp����������������������������������������������������������������������������������������������������������������� 150
Creating a New Vue Project������������������������������������������������������������������������������������������������� 151
Adding Material Web Components�������������������������������������������������������������������������������������� 152
Adding a Header������������������������������������������������������������������������������������������������������������������ 160
Adding Vue Router��������������������������������������������������������������������������������������������������������������� 162
Deleting a Note�������������������������������������������������������������������������������������������������������������������� 168
Adding New Notes��������������������������������������������������������������������������������������������������������������� 172
Adding Firebase������������������������������������������������������������������������������������������������������������������� 180
Summary���������������������������������������������������������������������������������������������������������������������������������� 193
Index��������������������������������������������������������������������������������������������������������������������� 223
viii
About the Author
Carlos Rojas is an engineer with more than ten years of
experience building digital products. He is focused on front-
end technologies (HTML, CSS, JS, Angular, React, Polymer,
and Vue.js) and cutting-edge web technologies, such as Web
Components, WebXR, and Progressive Web Apps. He also
has experience working with Fortune 500 companies and
fast-changing business environments, such as startups.
He enjoys sharing knowledge through talks at meetups,
videos on YouTube, other books published by Apress, his
personal blog (https://medium.com/@carlosrojas_o), and
helping startups and other companies run workflows to make excellent digital products.
As such, his books aim to convey his love for the construction of scalable, high-quality
products.
ix
About the Technical Reviewer
Yogendra Sharma is a developer with experience in
architecture, design, and development of scalable
and distributed applications, with a core interest in
microservices and Spring. Currently, he works as an IoT and
cloud architect at Intelizign Engineering Services Pvt, Pune.
Yogendra also has hands-on experience in such
technologies as AWS, IoT, Python, J2SE, J2EE, NodeJS, Vue.js,
Angular, MongoDB, and Docker. He is constantly exploring
technical novelties and is open-minded and eager to learn
about new technologies and frameworks. He has reviewed
several books and video courses published by Apress and Packt.
xi
Acknowledgments
To my friends, because they always found time to review my code and drafts; to my
colleagues, because they helped me a lot with their feedback; to Yogendra, because his
attention to detail made this book better; and to my editors, because their feedback and
reviews have made this book a high-quality guide.
xiii
Introduction
Web Components are everywhere in the current front-end environment. The three most
popular frameworks, Angular, React, and Vue.js, use Web Components as an architectural
element. In this book, you will learn how to empower a web app, building small pieces that
can be integrated into any modern JavaScript project and modified for future use, if your
company decides to migrate its current web app to a new and more promising framework.
In Chapter 1, you will create your first native web component. I am going to guide
you through all the steps that you require to create a placeholder component, using web
platform specifications.
Chapter 2 covers the CustomElement specification. You will learn to use it to create
custom tags on the Web and how its life cycle works.
Chapter 3 covers HTML templates. I will discuss the <template> and <slot>
elements and how to build a component with these.
In Chapter 4, you will learn the Shadow DOM specification, how to add it in native
Web Components, and what its benefits are.
Chapter 5 discusses ES modules specifications, how to create modules, and how to
use modules in our web applications.
In Chapter 6, you will learn how to design components and make them work
together in a web application. We will connect our web application to an API and define
a dataflow for our components.
In Chapter 7, you will learn how to make our Web Components available in npm. You
also will learn about browser support for Web Components APIS, how to add polyfills to
support more web browsers, and how to add Webpack and Babel to process and prepare
our Web Components for publication.
Chapter 8 covers how to build Web Components with Polymer, why Polymer is used
instead of VanillaJS, how to use LitElement in our Web Components, and how to use
lit-html.
In Chapter 9, we will develop an app. You will learn some key concepts and
understand how to integrate Web Components and Vue.js.
In Chapter 10, you will see how Firebase hosting and Firebase authentication are
used to release our final web app to the world.
xv
CHAPTER 1
• Custom elements
• Shadow DOM
• ES modules
• HTML templates
1
© Carlos Rojas 2021
C. Rojas, Building Native Web Components, https://doi.org/10.1007/978-1-4842-5905-4_1
Chapter 1 Making Your First Web Component
L egacy
Legacy, a well-known problem in software development, refers to an old code base
that must be updated at some point, in order to operate with new JavaScript projects
and tools.
F ramework Churn
JavaScript’s tools and its frameworks ecosystem are changing rapidly. It can be stressful
and exhausting to choose the correct framework for a new project, because we can’t
guess for how long the framework will be relevant. This problem of relevance and how it
affects investment in training and development for a set of tools that can quickly become
obsolete is called framework churn.
1
lex Russell, “Web Components and Model Driven Views,” Fronteers https://fronteers.nl/
A
congres/2011/sessions/web-components-and-model-driven-views-alex-russell, Accessed
September 28, 2020.
2
Chapter 1 Making Your First Web Component
Remember that Web Components are a set of web platform specifications. Therefore,
they are something likely to be used in web browsers for a long time and offer many
benefits, including the following:
• Web Components are easily maintainable and are prepared for the
future, mainly because they are based in web platform specifications.
D
esign Systems
Design systems are catalogs or collections of reusable components, guidelines, and tools
that allow teams in organizations to build digital products to work more efficiently and
apply consistent branding for all their products. Some examples with this approach are
as follows:
C
omponent-Driven Development
Component-driven development means designing your software applications by
building independent components. Each component has an interface or API to
communicate with the rest of the system. Some advantages of using this approach are
• Faster development: Separating development into components allows
you to build modular parts with small scopes and small objectives.
This means that you can develop faster and make a piece for testing
available more quickly for reuse in some other system.
3
Chapter 1 Making Your First Web Component
4
Chapter 1 Making Your First Web Component
G
etting Started
To start to build apps with Web Components, you must understand and install several
technologies and tools.
5
Chapter 1 Making Your First Web Component
Run cmder from the Select Command Prompt, to test the environment variable
(Figure 1-4).
N
ode.js
Node.js is a JavaScript runtime environment. Most projects that use JavaScript use Node
to install dependencies and create scripts to automate the development workflow.
You must install Node in your machine. You can download it from https://nodejs.
org/en/.
Once you download the installer, run it and follow the instructions.
F or Mac
If you are using a Mac, follow the installer instructions for Node.js shown in Figure 1-5.
Then open your terminal and run $node –v. If everything is OK, you will see the
Node version in your terminal, as in Figure 1-6.
7
Chapter 1 Making Your First Web Component
F or Windows
To install Node.js for Windows, follow the installer instructions shown in Figure 1-7.
Then, when you finish, open cmder and run $ node –v.
8
Chapter 1 Making Your First Web Component
n pm
When you install Node.js, you install npm too. npm is a package manager for Node.js that
allows users to install dependencies and run small scripts in their JavaScript projects.
G
oogle Chrome
Chrome is a web browser that offers excellent support to Web Components and includes
Chrome DevTools, a handy feature for developers. You can download and install
Chrome from www.google.com/chrome/.
9
Chapter 1 Making Your First Web Component
C
hrome DevTools
Chrome DevTools is a set of web developer tools included in the Google Chrome
browser. This tool helps you as a developer to diagnose problems in your app and make
it faster. To open, press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux,
Chrome OS), to jump straight into the console panel (Figure 1-10).
10
Chapter 1 Making Your First Web Component
L ighthouse
Lighthouse is an open source automated tool for improving the quality of web pages.
Lighthouse can be found in Chrome’s DevTools.2 Go to the Audit tab to access it
(Figure 1-11).
2
oogle Developers, “Lighthouse,” https://developers.google.com/web/tools/lighthouse/,
G
Accessed September 28, 2020.
11
Chapter 1 Making Your First Web Component
V
ue
Some examples in this book will use the Vue.js framework. Vue.js is a straightforward
and refreshing framework for JavaScript. Vue is oriented in the view layer mainly, but you
can add what you require and build powerful progressive web applications with all the
tools that are part of its ecosystem.
Using Vue in your project is really easy. You only have to add the following in your
index.html, as in Listing 1-1.
12
Chapter 1 Making Your First Web Component
V
ue CLI
Vue CLI is a full system for rapid Vue.js development. Thanks to this tool, we can avoid
some extra work when dealing with Webpack, EsLint, and other tools and focus on
building business logic in our apps. You must install it in your system by running the
following in your terminal: $npm install -g @vue/cli.
If everything is OK, you will see the Vue CLI version in your terminal, as in Figure 1-12.
G
it
Git is a version-control system designed to handle the different changes in our projects.
We are going to use Git to manipulate our web app project and handle the successive
steps outlined in each chapter. You can download and install Git from https://git-
scm.com/downloads.
13
Chapter 1 Making Your First Web Component
F irebase
Firebase is a cloud service that helps you to automate back-end development. You can
understand Firebase as a place where you can save data, assets, and authenticate your
users, without having back-end knowledge. Firebase is robust, and Google backs it. For
our project, you must install the Firebase CLI in your terminal, via $npm install -g
firebase-tools.
Additionally, you must sign up at https://firebase.google.com/ and create a new
project. I created the project “apress-book-webcomponents” (Figure 1-14). I will use this
project to connect and publish all the features covered in this book.
Throughout this book, we are going to use Authentication, Database, and Hosting to
empower our app.
14
Chapter 1 Making Your First Web Component
F irebase Authentication
Firebase Authentication is the service that allows us to have an authentication system in
our app, to handle security and server-related issues.
You can access Firebase Authentication from your web console (https://console.
firebase.google.com) via Develop ➤ Authentication (Figure 1-15).
F irebase Database
Firebase Database is a service with which we can add a remote database that is going
to keep our user data. In addition, it is an excellent option for handling real-time in our
app, which means that we can open our app from either a mobile or desktop device, and
the same information will be shown.
You can find Firebase Database from your web console (https://console.
firebase.google.com) in Develop ➤ Database (Figure 1-16).
15
Chapter 1 Making Your First Web Component
F irebase Hosting
Firebase Hosting is a hosting service with which you can serve all your static files,
connect your domain, and get an SSL Certificate quickly. It is also easy to deploy.
You can find Firebase Hosting from your web console (https://console.firebase.
google.com) via Develop ➤ Hosting (Figure 1-17).
16
Chapter 1 Making Your First Web Component
<vanilla-placeholder-content></vanilla-placeholder-content>
Our component accepts height and width properties to customize the size, but if we
don’t provide that info, we are going to assign 100px by default for both.
First we must create a file index.html and fill it with a basic structure, as shown in
Listing 1-5.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
17
Another Random Document on
Scribd Without Any Related Topics
Nineteenth Century Discontent
1811.—In this same region, there was another uprising to change the
religion, setting up a new God called Lingao. The principales (former town-
chiefs—C.) and cabezas de barangay (vice-chiefs for wards—C.) conspired
with the igorots and other persons, madmen and savages of Cagayan, to
exterminate the Spaniards, but they were found out by the friars who
informed the Government in time to thwart so terrible a plot.
1814.—At the beginning of the year, against the advice of the friars,
General Gardoqui set out to publish the Constitution of 1812 and the
Indians took so seriously the equality between themselves and the
Spaniards that they began to rebel, refusing to pay the tribute and slight
taxes placed upon them. They would not recognize the authority of the
principales and barangay chiefs and in some towns of Ilokos they went so
far as to set free the prisoners.
Ferdinand VII abolished the Constitution of 1812, which had so pleased the
Indians, and then arose a conspiracy because the Indians believed the
abolition of the Constitution was due to the intrigues of the Spaniards and
the missionaries to deprive them of the equality over which they had gotten
so enthusiastic. With the organic law of 1812 they had thought themselves
free, happy, and independent, with no tribute to pay nor any authority to
obey.
Other insurrections followed in 1820, 1828, 1837, 1844, 1854, 1863, 1869,
1872, 1883, and 1888. (Also in 1896 and 1898—C.)
The archbishop and all the clergy sallied forth in procession through the
streets of Binondo, yet nevertheless did not succeed in pacifying the
insurgents, who now commenced to attack by word the same missionaries
until the peninsulars united with the friars, in obliging Folgueras, who had
shut himself up in the walled city, to display energy and military skill. For
the affair was not alone with the foreigners and Chinese, but was taking
very serious proportions.
The political events happening in the Peninsula from 1820–1823, likewise
had in the Philippines their echo. A vast conspiracy was discovered by
various native women who denounced it to the friars, so there were exiled
to Spain several persons, among whom figured officers of the army. But
there was great laxity by the authorities because they left there other
conspirators, among them a creole captain named Novales who gathered up
the scattered threads of the conspiracy.
Mr. Gironiere relates that Novales went to see him on the morning that he
received the order to embark and told him that the Spanish Government had
repented of having distrusted him. According to Estado de Filipinos he did
not embark because of bad weather. According to Mr. Gironiere he returned
to Manila that same night. This was June 2. On guard at the palace of the
Captain General was Lieutenant Ruiz, a mestizo and a conspirator like
Novales, and Novales’ brother was in Fort Santiago, the only fort of Manila.
Fortunately for Spain and for General Martinez the Governor resided
outside the walled limits of Manila in Malacañang Palace, as it was then the
season of greatest heat. The mutineers (free from all difficulty, for the
authorities, despite the warnings of the friars, did nothing to prevent the
rebellion) assassinated the Teniente del Rey, Folgueras, who so expiated his
weakness of the year 1820, and it was not without labor that the Coronel del
Rey, Sta. Romana, escaped death, deserting his poor wife, for she then was
in the family way. However the Indians, more humane than their
bloodthirsty leaders were not anxious to assassinate her, and they made
prisoners and kept safe many Spanish officials who had scorned and
ridiculed the predictions of the patriotic missionaries.
Although it was in the late hours of the night, the shouts of “Long Live
Emperor Novales” awoke the Mayor de Plaza, Duro, who bravely ran to the
Parian gate and taking the guard that was there, entered with it into the
barracks of the mutineers. The one who opened the door was Novales’ own
brother for he was too accustomed to discipline to refuse obedience. Thus
the Spanish party was organized in the artillery barracks.
The friars preached to the multitude submission and due obedience to the
King and of the grave sin committed in rising against the generous Spanish
nation.
Novales, who had returned to the barracks, found the door shut by his own
brother and with his plans upset, took possession of the cathedral. Some
unknown persons kept him out of the Government Palace, where he could
have maintained himself for some time, and finally he was abandoned by
his own troops. This was through the efforts of the Spanish friars, for the
rebels threw down their guns, fearful of the wrath of God, and cried “Long
live the king.” Novales was captured at the Real Gate and Ruiz made
prisoner and manacled, by the Indians themselves, in the district of Tondo.
The other mutineers were easily apprehended and shot, to the number of 23.
In 1836–1837 the Acting Governor, Salazar, had not a little to do with the
consequences of the uprising of La Granjo and the uncloistering of the
Religious orders in Spain.
The Indians were divided into two factions, one wanted that the friars
should leave the Islands and as well the other Spaniards (castilas). The
other said it was better that the other Spaniards should go away and leave
the friars in charge of the Government. The missionaries appeased the
trouble, saying that they and the other Spaniards were in the islands in the
name of God and of the King and one and all sought only the Indians’
happiness and well being.
A stormy passage was made, and shortly after their arrival, a meeting of the
commanders of the different vessels was convened by Commodore Dewey
on board the flagship Olympia, and the plans for the operations of the fleet
were discussed. The bombastic proclamation of Governor-General Basilio
Augustin y Davila was read over to the commanders, and occasioned much
merriment. It was resolved to have copies made of the proclamation, to be
read out to the men on the different ships. Mr. Williams’ narration of the
position of affairs in Manila, and the hasty but ineffective measures for the
defence, more especially the extinguishing of lights on the coasts and the
instructions issued to neutral vessels entering Manila harbor to take a pilot
at Corregidor Island to avoid dangers from mines, torpedoes, etc., were
somewhat lightly regarded, the latter instruction being received with much
laughter as an antique dodge to frighten the enemy.
By Austin Craig
Unusual were the circumstances of his coming and epoch-making were the
events of his administration.
The Philippines had been loyal to the royal family of Spain during the
Napoleonic wars and the withdrawal of their representation in the Cortes,
which occurred at intervals for a third of a century, had not disturbed that
loyalty. Yet now there had come a governor-general who represented a
government in power through the expulsion of their sovereign. It was
revolutionary, and the excitement over the news was increased by De La
Torre’s reversal of all precedents.
The stately guard of halberdiers was dismissed and the highest official of
the land mixed in society unceremoniously. A proclamation announced him
to be at the people’s service at all hours for whatever complaints they might
have, and deeds promptly followed his words.
The alleged outlaws, who were really persons who had been wronged in the
land troubles, were pardoned and from their number under their former
chief was organized a corps of rural guards which speedily brought a
theretofore unknown tranquillity.
An old man, he retired to his family estates, once broad but sadly shrunken
through his years of liberality. There from Pozorubio he wrote his defence
against the charge of being responsible for the uprising of Cavite.
Contrast the brave words of the Governor-General upon his first coming to
the Philippines, and his expressions after the conclusion of his office when
he was upon the defensive.
“As good, honored and loyal, you are recognized as our brothers. * * * I
shall indicate to you the salient features that will characterize my
administration, which I hope will be as my character dictates, foreign to all
kinds of repression, because command is more pleasant when it is chosen by
those who are under the necessity of being affected by it.”
Yet that was the most liberal period of Philippine history under Spanish
rule. Twenty odd years later another liberal Governor of the Philippines
defended himself against the charge of too great humanity by telling of how
many men he had ordered shot.
Sorry indeed was Spain when a De La Torre had to save himself with his
countrymen in the Peninsula by exaggerating his despotism and a Blanco
found his only defense in magnifying his brutality. There’s a contrast with
the present régime which marks 1898 as the beginning of different days,
and the men of the old era are entitled to the charitable consideration which
belongs to those who come out of great tribulation.
Those who have been long resident in the Far East and are well informed on
the subject do not take that view at all. From the facts which I am about to
give regarding this rebellion it will be clearly seen that the above statement
is merely a hypothetical conjecture.
A plot was formed, at the instance of rich Chinese half-breeds, to murder all
the Europeans. The priests choose to call this secret society “freemasonry,”
whilst the conspirators themselves style their body the “Katipunan,” which
simply means the “League.” Each member, on being sworn in, made the
“blood compact,” which consists of an incision in the arm or leg whence the
blood was taken to inscribe the roll of brotherhood. The general massacre of
whites was to have taken place on the night of the 20th of August last, but at
almost the last hour a woman came to Father Mariano Gil, the parish priest
of Tondo—a suburb of Manila—and paved the way for a repentant member
of the League to make his full confession of the plot under a promise of
immunity from punishment. The promise was given and the confession
made. An hour afterwards the civil guard was on the track of the principal
leaders of the movement. Three hundred known malcontents were arrested
in a few hours in the capital and adjacent provinces of Bulacan and
Pampanga and further arrests having since been effected daily, the Manila
prisons are overcrowded with suspects and proved delinquents. Room for
more is being made by the periodical shipping off of batches of prisoners to
the Caroline Islands, Mindanao Island, Fernando Po, and other distant
possessions. I have just learnt from the secretary of the military court that at
this moment there are 4,377 individuals awaiting trial by court-martial.
Many of the richest men in the colony, the leaders of Manila society, such
as it is, figure amongst the promoters of this conspiracy. Pedro Rojas, a
wealthy Chinese half-caste and popularly supposed to be the prime mover
of the rebellion, accepted the hospitality of the Governor-General in his
palace only forty-eight hours before the hour destined to witness the general
massacre. The most curious fact—which no one dares to discuss in public—
is that this man, denounced by all, was allowed to quietly leave the colony.
He embarked in a steamer, ostensibly for Spain, but left it at Singapore and
is supposed to be residing in some Asiatic port to watch events. The arch-
agitator, José Rizal, who had been purging himself of his former
misdemeanors by a two years’ banishment to the south, was sent as a
prisoner to Spain, where he was confined in the Catalunian fortress of
Montjuich for a few days and then shipped back to Manila for trial.
On the 26th of August one thousand rebels appeared at Caloocan, four miles
from Manila. They murdered some Chinese and took others prisoners. They
were held back by the gendarmerie until reinforcements of cavalry came
from the capital, but just before the squadron of troops arrived the rebels
fled. The cavalry scoured the district and returned to Manila the next day. I
saw them pass over the Bridge of Spain. There was tremendous excitement.
Groups formed about the Escolta—the principal business street—discussing
the situation. For days no one met another without having some news, real
or imaginary, to disclose. Business was, and still is, much interrupted.
Market people, washmen, traders of all sorts from outside, were afraid to
venture along the approaches to the city. Two days passed—three days
passed, there was really no fresh event. The nervous tension of the amazed
population began to slacken. A reaction set in, and whilst precautions were
discussed and everybody was prepared to say what he should do, the
Caloocan onslaught began to be talked of as a mere filibustering expedition
which would break up at the first smell of powder, and simply go to swell
the ranks of the ever-existing brigand bands. The Governor-General refused
to proclaim martial law. The circumstances were declared to be not
sufficiently grave to warrant that measure being taken, and the public were
settling down into a state of acquiescence with that view when, like a
bombshell, the news of a far more serious raid fell upon Manila. On
Sunday, 30th of August, before daybreak, the rebels again concentrated at
San Juan del Monte, four miles from the city walls. An artilleryman was
murdered, and an attempt was made to seize the powder-magazine, whilst
several of the loyalists were wounded.
Filipinos with Dewey’s Squadron
The United States Asiatic Squadron left Mirs Bay yesterday afternoon for
the Philippines. It was previously arranged that the fleet should have left on
Tuesday, but the departure was delayed to await the arrival of Mr. O. F.
Williams and several officers who had stayed behind for dispatches. As we
have already intimated, Mr. Williams and the officers were stormstayed on
Tuesday and had to return to Hongkong. * * * * * * Meanwhile Mr.
Rounsevelle Wildman, United States Consul at Hongkong, and Mr.
Williams had had interviews with several of the Philippine rebel chiefs who
were deported to Hongkong, and arrangements were made that one of their
number, J. Alejandrino, should accompany the squadron, and act as the
intermediary between the Americans and rebels. Yesterday morning, about
eight o’clock, Mr. Wildman, Mr. Williams, the United States officers,
newspaper representatives, and J. Alejandrino, accompanied by two rebel
friends, started in the Fame to make their way to the fleet.
A Prediction of 1872
(From the London and China Telegraph of March 22, 1872, retranslated.)
Reviewing the Cavite uprising, it concludes:
“The magnificent resources of these Islands have been neglected too long,
whatever has been done toward their development is due to Anglo-Saxons
whose efforts have been impeded by every possible means through the
indifferent and indolent ideas of the Spanish government. As to the future
government of the Philippines, could our government, or the American, be
induced to accept any responsibility no one would benefit more than they
from a change in affairs so necessary to the due development of the rich and
magnificent products of that soil. Therefore the best thing that the
inhabitants there could do would be to establish their independence under a
republican form of government, making use in this of some of the Anglo-
Saxons who now reside among them.
“The local government would be acting with practical wisdom did it not
oppose a peaceable revolution. That a separation has to take place is
inevitable. The power of Spain to govern distant colonies has disappeared,
never to return.
“We cannot, however, end this article without paying a merited tribute of
respect to the gallant Governor and Captain-General. His proclamation,
which we published in the last issue of the London and China Telegraph, is
worthy of the most exalted patriotism. He had the duty of stifling the
revolution, but now it will be found that its spirit is like the fabled seven-
headed serpent.”
Colophon
Availability
This eBook is for the use of anyone anywhere at no cost and with
almost no restrictions whatsoever. You may copy it, give it away or
re-use it under the terms of the Project Gutenberg License included
with this eBook or online at www.gutenberg.org .
Scans for this work are available from the Internet Archive (copy 1 ,
2 ).
Since none of the available scan sets include the maps at the end of
this work in sufficient quality, they have been left out of this ebook
edition.
Encoding
Revision History
2012-12-15 Started.
External References
This Project Gutenberg eBook contains external references. These
links may not work for you.
Corrections
1.D. The copyright laws of the place where you are located also
govern what you can do with this work. Copyright laws in most
countries are in a constant state of change. If you are outside
the United States, check the laws of your country in addition to
the terms of this agreement before downloading, copying,
displaying, performing, distributing or creating derivative works
based on this work or any other Project Gutenberg™ work. The
Foundation makes no representations concerning the copyright
status of any work in any country other than the United States.
1.E.6. You may convert to and distribute this work in any binary,
compressed, marked up, nonproprietary or proprietary form,
including any word processing or hypertext form. However, if
you provide access to or distribute copies of a Project
Gutenberg™ work in a format other than “Plain Vanilla ASCII” or
other format used in the official version posted on the official
Project Gutenberg™ website (www.gutenberg.org), you must,
at no additional cost, fee or expense to the user, provide a copy,
a means of exporting a copy, or a means of obtaining a copy
upon request, of the work in its original “Plain Vanilla ASCII” or
other form. Any alternate format must include the full Project
Gutenberg™ License as specified in paragraph 1.E.1.
• You pay a royalty fee of 20% of the gross profits you derive
from the use of Project Gutenberg™ works calculated using the
method you already use to calculate your applicable taxes. The
fee is owed to the owner of the Project Gutenberg™ trademark,
but he has agreed to donate royalties under this paragraph to
the Project Gutenberg Literary Archive Foundation. Royalty
payments must be paid within 60 days following each date on
which you prepare (or are legally required to prepare) your
periodic tax returns. Royalty payments should be clearly marked
as such and sent to the Project Gutenberg Literary Archive
Foundation at the address specified in Section 4, “Information
about donations to the Project Gutenberg Literary Archive
Foundation.”
• You comply with all other terms of this agreement for free
distribution of Project Gutenberg™ works.
1.F.
Our website is not just a platform for buying books, but a bridge
connecting readers to the timeless values of culture and wisdom. With
an elegant, user-friendly interface and an intelligent search system,
we are committed to providing a quick and convenient shopping
experience. Additionally, our special promotions and home delivery
services ensure that you save time and fully enjoy the joy of reading.
textbookfull.com