• Breaking News

    Friday, November 9, 2018

    Beginner Questions - November 09, 2018 web developers

    Beginner Questions - November 09, 2018 web developers


    Beginner Questions - November 09, 2018

    Posted: 09 Nov 2018 05:14 AM PST

    If you're new to web development and would like to ask experienced and professional web developers a question, please post below.

    Etiquette

    • Remember, that questions that have context and are clear and specific generally are answered while broad, sweeping questions are generally ignored.

    • Be polite and consider upvoting helpful responses.

    • If you can answer questions, take a few minutes to help others out as you ask others to help you.

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

    Check out the official site to The Room (yes, the Tommy Wiseau movie). Space Jam quality.

    Posted: 09 Nov 2018 06:39 AM PST

    Am I useless?

    Posted: 09 Nov 2018 01:20 PM PST

    Hi everyone, this may seem a bit odd but it does relate to web development. I'm a recent graduate of a school who's rep is pretty bad (I didn't know when I applied) however I made it work by working harder than my peers and always excelling in class and my personal life. I'm now working a contract for a large fashion company but the work is really easy, like almost copy and paste code. I desire to work for an agency or something like that but my resume seems be looked over and I'm thinking my skills are just useless now.

    Right now I would say I'm junior level front-end developer but now I'm not even sure what to call myself.

    The skills I use most are

    • HTML5
    • CSS3
    • JavaScript & JQuery
    • Adobe Suite (Photoshop, Illustrator, InDesign)
    • Graphic Design

    Other skills I know but could be worked on are:

    • PHP
    • Angular
    • MySQL
    • Blender (3D Modeling Software)
    • Bootstrap
    • Adobe After Effects

    Office Programs I've used are: Canva, JIRA, and Salesforce

    Am I missing something that can be useful? For work experience I've worked with companies like AthenaHealth and FullBeauty Brands both big companies in their fields. I thought this would be impressive on a resume.

    TL;DR I would like to know what skills I should pick up to increase my chances of finding a better job.

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

    Checkout this example of extreme UX degradation between the Google AMP and real website!

    Posted: 09 Nov 2018 04:37 PM PST

    See my comment for the links a I can't post then here!

    Background: The ABC is Australia's BBC / PBS. A government funded network that produces independent quality content.

    Where they shine is in the art of web design and data visualization (see end of post for data viz!). You will be hard pressed to find any service on the planet that ties great journalism and excellent UXD together in a way that not only compliments, but often improves the consumption and understanding of the information presented.

    Note: view on mobile without adblocker! I haven't viewed on PC.

    submitted by /u/-LOLOCAUST-
    [link] [comments]

    Hey senior devs who are part of the hiring process, I need to come up with a good test/sample project for prospective frontend web-devs to weed out applicants.

    Posted: 09 Nov 2018 06:32 AM PST

    Hey guys, I'm often needing to evaluate prospective frontend devs and I find the best criteria to evaluate them on – more so than their education, resume, interviewing skills, etc... – is their code.

    We already have a smallish sample project to test new applicants with – that they're allowed to take home and google/lookup whatever they need to get it done – but it's a little too big I find and it doesn't have enough elements in it that would give us a good look at their Javascript skills.

    I want to come up with a new test-project with the following criteria:

    1. Needs to be somewhat challenging in the CSS department. At least enough that they know how to use flexbox, transitions, transforms, a grid system of some sort (either self-built or using some library or framework), responsive, etc...
    2. Needs several elements that would require Javascript (without the use of a framework). That's the main thing I'm wanting to look at.
    3. Shouldn't take more than a day.

    The design and assets would already be provided for them.

    Any ideas would be greatly appreciated. Thanks!

    Edit: a lot of people seem to be getting hung up on the comment about "shouldn't take more than a day". That was more about not wanting suggestions that would take a huge amount of time. Not a suggestion for how long it should actually take. A more accurate description would be, "it shouldn't take more than a day for the absolute slowest possible developer taking their sweet-ass time". At the same time though, it shouldn't be so simple and so quick that we don't get an accurate depiction of what they're capable of.

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

    Fun Tip: Use calc() to Change the Height of a Hero Component

    Posted: 09 Nov 2018 07:12 AM PST

    One year and a half scanning GitHub for sensitive data

    Posted: 09 Nov 2018 07:12 AM PST

    How do you guys stay updated with different technologies?

    Posted: 09 Nov 2018 01:00 AM PST

    I've been programming for a little while and am going into the last year of my computer science degree. I've kind of realised that while my degree isn't completely useless I'm not learning the technologies that can get me a job.

    I've decided that becoming a full stack developer is something that I'd like to do and in my own time have been trying to learn a technology stack (the MERN stack). I've realised that there are so many technologies available in web development and as I've been trying to learn new ones I've forgotten ones that I previously have learnt.

    For example I recently spent a month or so learning backend development with node and went into a lot of detail with other topics such as authentication, MongoDB, sessions etc. I recently came back to some frontend work that I did before learning node and have completely forgotten how somethings work. For example I completely forgot how bootstrap worked and how I built some things with pure HTML & CSS.

    Do you guys find yourselves revisiting tutorials after not using a technology for a little while? I hate being so dependent on the basic tutorials! What are some strategies that you guys use when learning new technologies? How do you guys stay on top of things? I'm currently working on some React and Redux stuff and don't want to forget all the backend stuff I've just learnt!

    Thanks guys!

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

    OpenLayers/Leaflet users - What are you using for your base layer these days?

    Posted: 09 Nov 2018 03:45 PM PST

    Back in the day, I used to do a lot of web mapping work using OpenLayers and/or Leaflet. It's been a few years, but I was thinking of doing some refreshers in my own time. However, there used to be lots of options for free base maps for web mapping applications. Google Maps and Bing Maps both had free tile APIs, for example.

    Now, it seems that all of the tile services I used to use have gone paid, and expensive, so I was curious to know what current web mappers are using to provide the base map upon which they're plotting whatever they plot.

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

    Trying to learn OOP JavaScript.

    Posted: 09 Nov 2018 09:42 AM PST

    So I'm learning JavaScript and I've created this very simple slider in pure JS and it works. Codepen link HERE. However, now I'm trying to figure out how to implement this in OOP way but i can't seem to get my head around. The examples with real world objects did me no good so i was hoping if someone can look at my code and show me how i would go about doing it in OOP way. Any help will be greatly appreciated.

    Code here if you don't want to visit Codepen.

    var slider = document.getElementById('slider')

    var sliderItem = slider.getElementsByTagName('div');

    var dots = document.getElementById('dots');

    var dotsChild = document.getElementById('dots').getElementsByTagName('li');

    for (i = 0; i < sliderItem.length; i++) {

    dots.appendChild(document.createElement('li'));

    dotsChild[i].classList.add('list-inline-item');

    dotsChild[i].setAttribute("id", i);

    dotsChild[i].innerHTML = i;

    dotsChild[0].classList.add('active');

    dotsChild[i].addEventListener("click", runSlider);

    }

    function runSlider(){

    var dnum = this.getAttribute("id");

    for (i = 0; i < sliderItem.length; i++) {

    sliderItem[i].classList.remove('active');

    sliderItem[dnum].classList.add('active');

    dotsChild[i].classList.remove('active');

    dotsChild[dnum].classList.add('active');

    }

    }

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

    Is it bad that I keep notes of CSS styles?

    Posted: 09 Nov 2018 03:22 PM PST

    I am new to programming and after finishing HTML some days ago started learning CSS and it wasn't so messy as I thought in the beginning but after seeing how many effects CSS can do it's mindblowing how experienced developers keep in mind so many effects and my question is that I have some styles on a notepad saved like animation effects,styles etc and then when I do some forms,slideshows I cannot remember them all of them and open notepad to remind them.

    Do you think this is a good way to learn and remember CSS styles as a begineer or this is not recommended because somehow can cause an intuite that when I will advance in the future I will still use notepad or Google them ?

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

    Out of the Loop. Is there a goto stylesheet for wireframes/prototypes?

    Posted: 09 Nov 2018 03:21 PM PST

    I'm at a loss as to what is new, but I'm building a page widget prototype that will be passed on to a designer. Until then, I need something that has all the basic inputs, one file, attractive, and doesn't require me to add classes.

    Are we still using Bootstrap/Foundation for this, or is there something better these days?

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

    Vue.js–Getting started in Dart [Video]

    Posted: 09 Nov 2018 02:49 PM PST

    As a Front-End Web Dev, should I know both React and Angular.

    Posted: 09 Nov 2018 10:47 AM PST

    Been a dev for about a 1 1/2 years. For the most part I've focused on getting good at React. As im still a noobie, is it wise to learn Angular or continuing to get better with React? Is it unusual for web devs to focus on one framework?

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

    How much detail do you put on your invoices?

    Posted: 09 Nov 2018 02:18 PM PST

    I've been working as a developer for several years, but just started doing freelance/contract work full time. I have a single client right now that I've been working full time for the past year. This is a great client - pays on time every time, good work, good people. We are getting hung up on one item right now - the amount of detail on my invoices. My client wants a lot more detail than what I provide sometimes.

    On days I'm fixing bugs that have been reported, or build quick hit items, I'm able to provide the detail he wants - 2 hours on this feature, 30 minutes for this bug fix, etc.

    On days I'm working on a bigger portion, or design, etc, I find it very hard to put much detail in my time log, so my entries end up like '6 hours Redesign database structure' or '8 1/2 hours work on feature x'.

    I am reaching out to this community to see if I'm way off base and need to quantify my time better, which if that's the case, I have no idea how.

    What kind of detail do you include on your invoices?

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

    vagrant ssh key?

    Posted: 09 Nov 2018 02:14 PM PST

    I'm trying to set up a vagrant MySQL connection for the first time, using Trusty64 ubuntu box, and I've run across a set of instructions for SSH connection for MySQL Workbench that requires navigating to the vagrant ssh key, but I don't know how to find it...this is the part given in the instruction, but I don't know how to navigate to this... .vagrant/machines/default/virtualbox/private_key

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

    Is Laravel whort it?

    Posted: 09 Nov 2018 10:20 AM PST

    I've been working with Microsoft .Net my entire life on 9-5 jobs and now I want to work for myself and I'm planning to release a CRM application multi-tenant and sell subscriptions but the costs of a server for .Net is too high regards to scalability so I'm thinking about to creating an app like this using PHP Laravel. What you guys think? Should I spend time learning this framework?

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

    What are some good projects to show proficiency in PHP?

    Posted: 09 Nov 2018 01:49 PM PST

    Set XAMPP htdocs path from shell?

    Posted: 09 Nov 2018 07:22 AM PST

    Hey there,

    didn't really know how to set the title of this post, so let me explain (I hope you understand what I'm trying to say, since I'm not native):

    When working with different CMSs it's often a bad idea to place your projects root in a htdocs subfolder, like this:

    /xampp/htdocs/project1

    /xampp/htdocs/project2

    To address this issue, I started to set the change the httpd.conf everytime I work on a different project.

    Like this: DocumentRoot "C:\xampp\htdocs\project1"

    This is a quite annoying solution since when working in PHP projects you can just cd to your project root and run e.g. "php -S localhost:8000".

    Is there any solution to get the DocumentRoot set to the current directory?

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

    Template or Platform for eComm with lots of product modifiers - Any recommendations?

    Posted: 09 Nov 2018 07:13 AM PST

    Hi there,

    I am hoping to design a eCommerce site for a product that has a ton of modifiers or Add-ons.

    Think Pizza - Start with a type of base - Pick sauce - Toppings - additions - That type of thing.

    I have done some initial research but can't seem to find any good solutions, probably because there is a name for this kind of site that I am missing and would clear everything up!

    Any help or pointers would be greatly appreciated!

    Thanks

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

    Deploying NodeJS apps with Azure App Services and Docker

    Posted: 09 Nov 2018 09:11 AM PST

    Creating a draggable grid with canvas

    Posted: 09 Nov 2018 12:52 PM PST

    I've been working on making this grid for a while where you can drag it around and stuff. I have two parts working only halfway.

    1: This version kind of works in the way when you click and drag, the last position moved is saved and added to the new move amount. If you don't get what I mean, check out the example here: http://jsfiddle.net/ybdx28wo/

    2: This is the second version that also sort-of works where the grid appears to be endless (only as long as your moving toward the bottom right) The issues with this one is it "resets" back to the original X and Y coordinates where the mouse is. If you still don't get what I mean, look at the example here: http://jsfiddle.net/84sx7pk3/

    How do I fix the errors (the speedy movement in the top, and the reset and no-top-left-corner-grid) and merge them to make a smooth draggable and infinite grid?

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

    Looking for a tile mock-up tool like Bolon

    Posted: 09 Nov 2018 12:52 PM PST

    I am working with a handmade tile designer and they want a tool for clients to use to play with tile patterns and color combinations. this is an example of what I'm looking for. Is there a tool available already that I could purchase and extend or edit or should something like this be created from scratch?

    I have a developer capable of this, I just don't want for us to do ALL the work on this if there's a framework already available that we can start with.

    My developer described the tool as an SVG exported from illustrator with jquery to fill in the polygons.

    Any input is appreciated!

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

    sendmail printing error on success

    Posted: 09 Nov 2018 11:42 AM PST

    So I'm trying to write a server that sends a verification email on signup. The problem is, for some reason even though it succeeds in sending the email, I get a bunch of junk printed to the console and an error that reads "fail to connect gmail.com".

    The code can be found here: https://github.com/krgamestudios/portal.yawning.xyz/blob/2nd-attempt/server/accounts/signup.js?ts=4

    Does anyone know why? Or how to suppress the console output? Thanks.

    Edit: Solved. For those who come after, the solution was this:

    let sendmail = require("sendmail")({silent: true});

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

    I have no idea where to begin

    Posted: 09 Nov 2018 11:33 AM PST

    I don't know if this is the time or not. I always think I'm progressing well, then I suddenly feel like 10 steps behind.

    Anyways, I've know basic HTML and CSS for a few years. But I've polished up on HTML5 and CSS3 recently. Spent quite some time reading and watching videos on intro to programming and CS and things like that. Spent a while learning Javascript. No where near that good, but I still do work on. I still want to practice JS, but I simply do it in my browser console or I use an online editor.

    Also, I want to start Angular in a bit. And I'm curious about that. Like from the resources that I am using to learn, all the examples they show are on a single page (they don't have separated files for like the Model, View or Controller), which is how I want to practice it.

    What do I do? Nothing major, but just getting familiar with these programming languages from the beginning? Do I download a IDE? Or what?

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

    No comments:

    Post a Comment