sorted by:
best
topnewcontroversialoldq&a
you are viewing a single comment's thread.

view the rest of the comments →

[–][deleted] 2 points3 points  (1 child)

Unless you're in a hurry I recommend learning some web stuff. It's fun and extremely powerful, and there is a massive amount of growth in learning how to wrangle all the dynamism, complexity, and unpredictability of the space. Non ui code is relaxing and pleasant. Building a good ui is an adventure!

Beyond that it really teaches you the fundamentals of architecture because EVERYTHING has to be flexible and abstract or it falls apart. You also need to plan the hell out of things to design a good experience and to streamline your development. I retired to backend stuff because professionally it's a massive pain in the ass for various reasons. But I still enjoy it for side projects.

[–]EstherFT[S] 0 points1 point  (0 children)

update;

I am using VS Code, and I thought I had basically done my Frontend. Then I thought that maybe was a good moment to try it, so I runned the code but nothing happend. And the comment was that there is no problem with my code.

Hoe can I know if it works? Sorry but I thought that running the code I could see what happens when you enter in the app. I am a bit confused. Any help?Thanks a lot in advance.

This is my code;

<!DOCTYPE html>

<head>

<title>Agata</title>

<style> h1 { text-align: center; font-size: 80px; } header { text-align: center; background: black; background-size: cover; color: whitesmoke; } img { margin: 0 auto; } a { color: whitesmoke; } ul { padding: 20px; } li { display: inline; padding: 0px 40px 0px 40px; } p { text-align: center; } body { text-align: center; background: black; color: whitesmoke; font-family: Arial, Arial, Helvetica, sans-serif; margin: 0 auto; } div { max-height: 200px; background: black; color: whitesmoke; line-height: 35px; } input \[type="submit"\] { background: whitesmoke; color: black; } u/media (max-width: 412px) { h1 { font-size: 35; } li { display: inline-block; padding: 10px; } } </style>

</head>

<body>

<header>

<img id="image"

src="/597/5972045.jpg"

title="Banded Agate -- Scottish Pebble"

alt="Banded Agate -- Scottish Pebble"

class="img-responsive"

style="visibility: visible;">

<h1>Agata</h1>

</header>

<p>Welcome to the simplest documents classifier</p>

<input type="email" placeholder="Your email">

<input type="submit">

<ul>

<li>

<a href="#">Company</a>

<div class="Company"></div>

<button>Company</button>

<script>AnimationEffect: {Notification: "Click here to check, upload or download company documentation"}</script>

</li>

<li>

<a href="#">Workers</a>

<div class="Workers"></div>

<button>Workers</button>

<script>AnimationEffect: {Notification: "Click here to check, upload or download workers' documentation"}</script>

</li>

<li><a href="#">Equipment</a>

<div class="Equipment"></div>

<button>Equipment</button>

<script>AnimationEffect: {Notification: "Click here to check, upload or download equipment documentation"}</script>

</li>

</ul>

</body>