How to implement a page with phrase generation?

Question

css

I'm learning web programming (only HTML CSS so far) and I want to create something like this page . I also want to add a form so that the user himself can add phrases to the database (field + captcha).
Are there examples of such work anywhere? What do I need to know to implement such a project?
Self-taught work, so books, tips, resources are welcome.

Answer 1

You can't do this with HTML and CSS. Learn PHP and MySQL
php.net
php.ru
php.su

Answer 2

The only option without database and server language is to store the phrases in an array and pick a random one with js. But adding custom phrases will be problematic, and in other senses not a very beautiful solution.

Answer 3

It is not necessary to write the backend yourself. You can take Backend-As-A-Service, of which there are many now:
https://backendless.com/
https://parse.com/
nobackend.org - more about the approach as a whole.

Answer 4

yes, I will teach. instead of php, what interesting things can you pick up? Interested in more recent technology and maybe specific books?

Answer 5

Well, modern browsers have their own implementation a la database. But you need javascript to love. I switched from php to si sharp - I'm happy as an elephant.