• Breaking News

    Tuesday, June 1, 2021

    Home Unlabelled Monthly Getting Started / Web Dev Career Thread web developers

    Monthly Getting Started / Web Dev Career Thread web developers

    June 01, 2021

    Monthly Getting Started / Web Dev Career Thread web developers

    Monthly Getting Started / Web Dev Career Thread

    Posted: 01 Jun 2021 05:00 AM PDT

    Due to a growing influx of questions on this topic, it has been decided to commit a monthly thread dedicated to this topic to reduce the number of repeat posts on this topic. These types of posts will no longer be allowed in the main thread.

    Many of these questions are also addressed in the sub FAQ or may have been asked in previous monthly career threads.

    Subs dedicated to these types of questions include r/cscareerquestions/ for general and opened ended career questions and r/learnprogramming/ for early learning questions.

    A general recommendation of topics to learn to become industry ready include:

    HTML/CSS/JS Bootcamp

    Version control

    Automation

    Front End Frameworks (React/Vue/Etc)

    APIs and CRUD

    Testing (Unit and Integration)

    Common Design Patterns (free ebook)

    You will also need a portfolio of work with 4-5 personal projects you built, and a resume/CV to apply for work.

    Plan for 6-12 months of self study and project production for your portfolio before applying for work.

    submitted by /u/AutoModerator
    [link] [comments]

    That feeling when you first discovered `document.designMode`

    Posted: 01 Jun 2021 07:43 AM PDT

    I released Voice Assistant extension for Visual Studio Code, put code snippets by your voice

    Posted: 01 Jun 2021 02:39 AM PDT

    New CSS functional psuedo class selectors `:is()` and `:where()`

    Posted: 01 Jun 2021 10:47 AM PDT

    only Moment.js users will understand

    Posted: 01 Jun 2021 08:35 AM PDT

    Why is my CSS + JS transition glitchy?

    Posted: 01 Jun 2021 04:20 PM PDT

    I recorded this video of the issue.

    https://streamable.com/e5fa5w

    I expect the yellow block to fill the div when I hover the button, and then I expect it to return to it's thin width when I mouseout. However, as shown in the video, the block glitches when transitioning back to a width of 5px for a split second. It looks like it jumps to a width of 50% with no transition, and then continues it's transition to 5px.

    The button is a VueJS component, but it's basically normal JS and CSS. This is the whole component. If you don't know Vue, read this. I'll explain the structure.

    Inside the script is my Vue code. props is an object defining parameters for my component, mounted is run when the component is mounted into the webpage. the $refs object is like a list of IDs that I can assign in the V-DOM ( the stuff in the template tags ).

    I'd appreciate any help.

    Thanks!

    <template> <a class="button-slider bg-base-light" ref="btn"> <span>{{ msg }}</span> <div class="alternate"></div> </a> </template> <script> export default { name: "indexPage", props: { msg: { type: String, required: true } }, mounted () { this.$refs.btn.addEventListener('mouseover', (e) => { console.log('add') e.target.classList.add('button-slider-hovered') }) this.$refs.btn.addEventListener('mouseout', (e) => { console.log('remove') e.target.classList.remove('button-slider-hovered') }) } }; </script> <style scoped> .button-slider { padding: 16px 28px; cursor: pointer; position: relative; background: linear-gradient(-135deg, transparent 10px, #fdf6e3 10px); font-family: 'IBM Plex Mono'; font-weight: bold; font-size: 14pt; } .button-slider * { pointer-events: none; } .button-slider .alternate { width: 5px; height: 100%; position: absolute; left: 0; top: 0; background: #EDA600; transition: all ease-in-out .2s; z-index: 0; } .button-slider-hovered .alternate { transition-delay: .5s; transition: all ease-in-out .2s; background: linear-gradient(-135deg, transparent 10px, #EDA600 10px); width: 100%; } .button-slider span { position: relative; z-index: 1; } </style>
    submitted by /u/jobgh
    [link] [comments]

    Today I learned to get work in small steps

    Posted: 01 Jun 2021 02:39 PM PDT

    I was working on my website and created a branch called authentication, while working on things actually related to authentication I learned a lot while doing so and reading docs so I implement a lot of other features I wanted along the way. When merging the pull request I noticed I changed 2k lines. After a little panic I merged and everything just worked. Lucky.

    However I learned that working in small sprints is super important.

    My note when merging the pull request „Let's hope this is not gonna go south"

    How do you guys organize your workflow? I got a trello board and (now) pick tasks and put them together into a small project

    submitted by /u/csDarkyne
    [link] [comments]

    Looking for advice on how to become a respectable job applicant coming out of a bootcamp. Specific questions listed below.

    Posted: 01 Jun 2021 10:05 AM PDT

    I graduated with a degree in mechanical engineering in May 2020, but haven't loved my job. I am now 3 months into a part time web development bootcamp that ends in October and I really enjoy it and I'm so pumped to have found a career path that excites me.

    So far I've gotten familiar with the normal js basics/html/css/bootstrap and worked with APIs quite a bit. I know we are learning REACT soon (and some other misc. tools) and we will also be building our own APIs. After that we will just be working on independent and group projects of some kind. I believe I am fairly good at figuring out problems on my own using google, but I'm not sure how I'm going to compete for jobs with people who have webdev related degrees and actual work experience. There will obviously still be so much I don't know even once the boot camp is over and I will need to be trained a lot in any new job.

    Here are my questions for people in the field:

    1) What can I be doing extra to be prepared for a real career? What have you seen people coming out of bootcamps lacking? I've done a couple small projects, mostly just practicing using APIs and making responsive web pages. Are there any specific tools I should be researching or types of projects I could do that would be helpful?

    2) Will my mechanical engineering degree/job experience help me in my job search? Should I emphasize it in my applications at all?

    3) Is it reasonable to set a goal to have a job by January 2022? I plan to start applying in a few months once I get comfortable with REACT and my js skills are sharper.

    Thank you for any input you can provide!

    submitted by /u/vedgiewedgie
    [link] [comments]

    How do I stop the page shifting a few pixels when adding 'Overflow-Y: hidden' to the main body tag?

    Posted: 01 Jun 2021 05:12 PM PDT

    When adding this property, the scrollbar disappears which shifts the entire dom over a few pixels, because there is suddenly more width. I need to add this to the body because the desktop version has a hamburger menu and no scrolling should be allowed when its open.

    I've looked up tons of hacky ways with calcs being applied to the dom when the class is added, shifting the entire dom -10px to account for the scroll bar etc.

    But, I have yet to find a solid answer which is stable and won't cause any bugs.

    Anybody got any idea?

    submitted by /u/LordNadez
    [link] [comments]

    Looking for advice on organizing inherited css in a React project

    Posted: 01 Jun 2021 08:55 AM PDT

    I have been tasked with modernizing a web application from 2001. Two of the goals of the assignment are to organize the css into something more manageable and to remove any unused styles.

    The project currently contains a little over 7000 lines of css when formatted. Some of those are from libraries that were imported wholesale into the application, some is original, and some is imported but modified. I don't think there is a way to escape combing over it by hand.

    Are there any resources that offer a survey of css handling options in a React project? I am aware of SASS, css modules and whatever it is that Material-UI does.

    The business has no existing standards to base off of, so I would be setting the tone for quite possibly a very long time. I'd like to get it right.

    submitted by /u/WritingAndSlacking
    [link] [comments]

    A New Way To Reduce Font Loading Impact: CSS Font Descriptors

    Posted: 01 Jun 2021 05:46 AM PDT

    Should Perl die gracefully?

    Posted: 01 Jun 2021 07:29 AM PDT

    Question for the Devs! I want to create my own website for my excising business. The business is an in-person baking workshop. What options would suit me best? Squarespace/shopify/workpress. More info down bellow! Thanks in advance!

    Posted: 01 Jun 2021 04:00 PM PDT

    I am currently using Airbnb experiences and tripadvisor as the workshop itself is more targeted to tourists. So far it's been great for getting traffic and bookings since I've managed to ranked 1st on both sites in Montreal for my workshop but giving away the 20% fee is getting a little old.

    I've been open to creating my own site but it seems like finding a template that fits my needs is harder than expected.

    I pretty much only need one product page which is the workshop but the main problem is the ''calendar'' part where is the front end the customer sees availability and I get to managed said availability from the back end. One main page and one about me page.

    Mass scheduling is immensely useful for me as the workshop is always twice a day at the same time. Squarespace ''service'' template was annoying to use as I had to manually add every single workshop which would take hours to add for the next year.

    Anyways hopefully I've explained my situation clearly enough.

    Thanks for reading,

    Will

    submitted by /u/thebreadclass
    [link] [comments]

    How does my form speak to node js?

    Posted: 01 Jun 2021 07:36 AM PDT

    I've recently finished a vanillia js course and decided to build something way beyond my abilities. I'm trying to build a pdf generator that creates and emails a pdf based on form inputs that are dynamically added to the pdf template.

    I worked out that I need to use node js with handlebars, puppeteer and nodemailer. I've got this working on the backend so that when I start my node server a pdf is created based on a html template and nodemailer then emails it. At the moment this is working from the command line in the terminal. I haven't worked out how to connect my frontend in all of this.

    I have a frontend which is just a form. I want to put the user inputs into an object and access that object in my index.js file for node. I want to access this object on the backend so I can dynamically add the data into the template for the pdf file that puppeteer will convert.

    How do I bridge this gap and get the form data to the server? Do I need to create an API which posts the data when the form is submitted? Do I need to use Express for this?

    I apologise for sounding dumb.

    submitted by /u/anon2983
    [link] [comments]

    Hosting recommendations to migrate from GoDaddy?

    Posted: 01 Jun 2021 02:22 PM PDT

    Good day, everyone. I understand that this may be a very basic question but please hear me out on this one.

    • I've been with Godaddy for 10 years. They were the only one that advertised services on TV and radio when I started out, which to me meant they were the big boys in the field.
    • Recently I tried a hosting called Ifastnet which was GODAWFULLY SLOW, making their company name almost comedic. So this told me that there is such as thing as a bad hosting provider.
    • The reason I'm moving away is because Godaddy's shared hosting does not permit me to use external SMTP providers like Amazon AWS to send emails, I have been locked to their own, very slow and very limited SMTP service which, judging by all the evidence, was implemented as an afterthought just so customers would stop yapping about it. So since I need to send lots of emails as this is entertainment content delivery service, I need to not bottlenecked at such an early stage.
    • I do not like AWS as I'm far too inexperienced to deal with cloud based solutions. Anything scalable or even if it's not, having that much granular control will surely cause me to misconfigure something. So I prefer to use a ready to go solution.

    What reliable options do I have that allows me to use external SMTP mail server providers?

    submitted by /u/TheConceptBoy
    [link] [comments]

    When did this become normal? Freaking car animation on SkipTheDishes website takes enormous amount of CPU resources. Temps are high and fans are kicking like crazy just so I could see how the car moves nicely. And many more websites do the same ��

    Posted: 01 Jun 2021 10:14 AM PDT

    301 Redirection via Host or Registrar?

    Posted: 01 Jun 2021 01:58 PM PDT

    Sorry if this is a dumb question but I'm in the process of migrating a website to a new domain with Siteground. Both old and new websites are hosted with SG but both domains are registered with Namecheap. I've used SG's tool to copy the site over and it all looks fine so I'm moving on to redirection. I know I need to use 301 redirects to retain the old domain's SEO position (as far as possible) but my question is if I should be doing this with Siteground or Namecheap. And do I need to create 301s for every page or is there some more efficient way (site structure is identical bar the domain name)? Any advice gratefully received.

    submitted by /u/Bingo_the_Brainy_Pup
    [link] [comments]

    s.php file on my webspace, provider informed about potential security threat, what to do

    Posted: 01 Jun 2021 07:52 AM PDT

    So we have an old website (i think) for a small library. We received a message from our webspace provider (its an official mail) that a file has been iploaded to our server which has been identified as malicious.

    When i login into the webspace i can indeed see a "s.php" file which has been added yesterday. The website uses Joomla CMS. Can I just delete the file and then its fine? If i update Joomla does the website break?

    thx

    submitted by /u/aaronstephen103
    [link] [comments]

    I saw this on Behance and wanted to try the loading animation because I’m trying to learn SVGs, but I’m really having a hard time understanding how to do it. Does anyone have any resources on how to do something like this?

    Posted: 01 Jun 2021 09:32 AM PDT

    Per hour rate for first-time freelance gig in Southeast PA? I’m an experienced web dev but used to corporate development.

    Posted: 01 Jun 2021 01:16 PM PDT

    Hi all. Sorry if this type of question is annoying, but giving your first freelance rate quote is a little nerve-wracking and I would love if people could throw around some numbers.

    Been working for a large e-commerce company (no, not that one) for three years and I'm confident with client-side frameworks and backend Java development. Standing up cloud infrastructure for deployment will probably be the most challenging part for me as that area is mostly done for us at work.

    I have a friend who has shown some of my work around his office and his boss would like me to quote a price.

    Any thoughts/guidance appreciated.

    submitted by /u/alcosexual
    [link] [comments]

    Can't be unique and can't code without watching tutorials...

    Posted: 01 Jun 2021 09:27 AM PDT

    I bought Udemy courses, I watch and code along, everything is great. Until... Until when I want to do my own project... I get stuck, I get stuck lots of times and even thought I'm too dumb because I don't know what kind of unique project to do.

    I'm a perfectionist, so I want everything to be perfect, and it takes time, I know... But, I feel like "What if I'm not going to be able to land a job for 6 months", "What if I can't remember all codes, I'm too dumb to remember all codes to create a project."

    I don't really know if I should continue since I can't remember all codes when I code and Google every single time... What if whiteboard interviews requires me to remember all the codes... I can't create a project that's unique...

    What should I do, should I continue even though I can't remember all codes and have bad memory ?

    And what are the tips to be unique when creating projects ? (Without looking at youtube or udemy)

    TIA!

    submitted by /u/erenftw
    [link] [comments]

    HTML positioning - when to use what?

    Posted: 01 Jun 2021 09:25 AM PDT

    I started the Odin Project which led me to FreeCodeCamp tutorials where I am at the Product Landing Page project. My issue concern with the types of positioning - fixed, relative, float (and/or flex) etc. I don't seem to understand which to use when and what exactly are the best practices.

    I know I can use fixed positioning to somehow make it but I know that won't be the best way to go about it.

    Please direct me to any additional resources or tutorials that explain this better. Thank You.

    submitted by /u/walter_197
    [link] [comments]

    Vscode doesn’t run my code properly?

    Posted: 01 Jun 2021 01:04 PM PDT

    I was about to ask for help on stackoverflow, so I posted my code onto the site and ran the code, and surprisingly the issues I had with padding and positioning my element had disappeared. Yet, when I use vscode's live server, the issue persists where changing the width, padding etc. of my element has no effect...

    submitted by /u/astralfatality
    [link] [comments]

    Looking to build an html template generation/email marketing application.

    Posted: 01 Jun 2021 01:02 PM PDT

    Hey everyone, I have been asked to produce some marketing emails for a smallish-to-medium sized business.

    At first these emails will be for a small set of people and circumstances, but eventually I could see them wanting a portal that they can log into where they can pick from a list of templates, enter a list of recipients (or connect to a secure list of contacts), fill in the relevant placeholder text, and then blast them out to a bunch of clients.

    I would be using Angular and Java to build this application, and I was wondering:

    1.) if anyone has suggestions on a Java library that would be good for the template generation and

    2.) if anyone has suggestions on a Java library to send out said templates from the backend.

    Thanks for the help!

    submitted by /u/RockleyBob
    [link] [comments]
    Read more
    at

    No comments:

    Post a Comment