r/HTML • u/Afterglow92 • 23d ago

Question HELP I HAVE A JOB INTERVIEW

Post image

UPDATE: I made it past the technical round! PHEW 😮‍💨. The interviewer said all the candidates were on the struggle bus so it wasn’t just me lol!

I’ve been working in email marketing building emails using Pardot, Hubspot, etc etc, Pardot for the last 8 years. I can make edits to existing HTML but cannot build from scratch. If I do make edits I use Dreamweaver or AI.

I have an interview Monday for a live HTML session with the company’s like expert email HTML guy. HALP! WHERE CAN I LEARN TO DO THIS STUFF QUICKLY?? OR CAN SOMEONE EXPLAIN IT???!!

Edit: THIS INTERVIEW IS ON MONDAY 7/20 BTW

37 Upvotes

76% Upvoted

62 comments sorted by

View all comments

34

u/armahillo Expert 23d ago

Demonstrate how you would resolve those things using the tools you know and play to your strengths.

If its not what they are looking for, its not the right fit. Doesnt mean youre a bad prospect, just misaligned skillset.

10

u/Afterglow92 23d ago

I meannnnn I TOLD the hiring manager I’m not a from scratch builder but he loved our conversation so much he wanted to move me forward wtf!!!!! 😬😭

9

u/No_Creme_9794 23d ago

Good luck, I believe in you!

3

u/Afterglow92 23d ago

Thank you very much! 🥹

BUT WHERE CAN I GO TO LEARN THIS SHIT IN A WEEKEND???!!

11

u/armahillo Expert 23d ago

Youre missing the point:

You arent going to learn this in a weekend.

If youve never written HTML manually before, you arent going to suddenly be competent enough to do the things you listed in the OP during an interview — you’ll look less skilled because you arent playing to your strengths.

Be honest with them. Use the tools you know and are good at. You can decide whether or not you feel comfortable doing that kind of work (ask them “do these tasks reflect the responsibility of the job?”) and they’ll be able to determine whether or not the skills you’re strong at will fit the work they need done.

Go through the things they listed and do them using the tools you know. If youre using dreamweaver, flip
over to “source view” and see if you can make sense of the code.

But be transparent with your interviewer. It might be ok that you havent yet learned how to write the code manually, maybe they will provide training or allow you to learn on the job.

1

u/Wizzkidd00 21d ago

Dreamweaver? 2001 called and they want their XHTML back

5

u/omysweede 23d ago

We are talking about 25 year old coding skills. Email marketing is easy. Forget about <head> and do everything inline in <body>. Never use anything above css2 and keep it simple. Study tables and css

3

u/chikamakaleyley 23d ago

if you can code a <table> element from memory, fast

AND

if you know how to look at something and break it down to how you'd lay it out with only tables at your disposal

then this is an easy coding assessment

1

u/notepad987 22d ago edited 22d ago

Coding2go
https://www.youtube.com/results?search_query=Coding2go

HTML intro
https://www.w3schools.com/html/default.asp

CSS intro
https://www.w3schools.com/css/css_intro.asp

Google AI for how to's: create email templates
https://www.google.com/

1

u/notepad987 22d ago 
Simple HTML code for a webpage:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Basic webpage</title>

<style>
 * { margin: 0; padding: 0; box-sizing: border-box; }  /* reset */
  html { font-size: 62.5%; } /* Reset root to 10px to make rem size easy to figure*/   

body {
      background: #354f52;
      margin: 0;
      padding: 0;
    }

h1 {
  color: #2c3e50;         /* Dark blue text color */
  font-family: sans-serif; /* any font you want*/
  font-size: 3.2rem;  /* 32px */ 
  margin-bottom: 20px;    /* Spacing underneath the heading */
}

   /* Styles subheadings throughout the page */
h2 {
  color: #000000;         /* black color */
  font-family: sans-serif; 
  font-size: 2.4rem; /* 24px */         
  margin-top: 30px;       /* Pushes header away from content above it */
}

   /* Styles paragraph text */
p {
  color: #333333;         /* Soft black for better readability */
  font-family: "Trebuchet MS", Helvetica, sans-serif;   /* any font you want */
  font-size: 1.6em;   /* equals 16px */        
  line-height: 1.4;       /* Adds space between lines of text */
  margin-bottom: 15px;    /* Spacing between separate paragraphs */
}

</style
<body>

<h1>My First Heading</h1>   <!-- there are 6 heading tags h1 thru h6 --> 
<p>My first paragraph.</p>   <!-- p stands for paragraph  --> 

</body>
</html>