• Breaking News

    Tuesday, July 10, 2018

    Home Unlabelled Falsehoods Programmers Believe About Hiring web developers

    Falsehoods Programmers Believe About Hiring web developers

    7 years ago

    Falsehoods Programmers Believe About Hiring web developers

    Falsehoods Programmers Believe About Hiring

    Posted: 10 Jul 2018 05:16 AM PDT

    How to Autoprefixer to polyfill CSS Grid Layout in IE 10-11

    Posted: 10 Jul 2018 12:29 PM PDT

    Web Apps: Turning Website Into Mobile App – Your Four Best Options

    Posted: 10 Jul 2018 09:16 AM PDT

    Google Chrome devs, you're really starting to boil my brocoli

    Posted: 10 Jul 2018 06:36 AM PDT

    Google Chrome devs, you're really starting to boil my brocoli

    I love develpoing in Chrome, don't get me wrong, but has anyone noticed that with Chrome updates (especially if they are updating the dev tool suite), it always seems to be 2 steps forward, 1 - 1.5 backward??

    For example, ever since their most recent update, you cannot scroll in the Preview section of the Network tab. That's an enormously annoying thing. Here's the section I'm on about:

    https://i.redd.it/2msm9t13i4911.png

    If I go to Response, in my case because I am using dd(); in laravel (shout out to laravel being the sh*t btw!), it is largely useless, though it does scroll:

    https://i.redd.it/avd9yx5ki4911.png

    But how am I supposed to read through a large array easily in that format?

    Google devs, if you read this sub, which I imagine you do, please, for the love of cats, can you just make that scroll bar work again?!

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

    Delivering WordPress in 7KB

    Posted: 10 Jul 2018 10:39 AM PDT

    Issue with click-boxes being offset within modal | Bootstrap 4

    Posted: 10 Jul 2018 02:04 PM PDT

    I'm having an issue with a web app that I'm developing, and I honestly can't seem to get my head around the issue.

    This issue usually manifests via one of two ways, but both are related to scrolling the page (usually when I hit the bottom of a container, but continue to scroll down). Either: the chrome address bar will begin to clip the sidebar, or the modal backdrop will "break" at the top, revealing the content behind it. Both of these, in turn, throw off the click-box for all the elements in the modal. However, the actual body of the page remains unaffected.

    I've tried adding

    overflow: hidden;

    to various divs on the page, but this hasn't seemed to solve the issue - though, I may be targeting the wrong elements.

    At present, I've only seen this occur on the Android Chrome browser, and can't replicate it on Firefox. Here's a link to one of the pages in question: https://devapp.neurabyte.com/ClickboxIssue.html

    You should be able to easily replicate the issue by opening the modal, via the "i" button, and scrolling all the way to the bottom of the Ref. Range tab, and then continuing to scroll until the chrome address bar hides itself. Alternatively by scrolling to the bottom of the main body of the page (after selecting a multiple choice option and clicking "Mark Question"), and then opening the hamburger menu and overlapping the chrome address bar over the sidebar.

    Here are two video examples of me encountering the issue:

    Video 1

    Video 2

    Absolutely any feedback would be greatly appreciated, as I've tried debugging this issue for many hours, but can't seem to find a solution. Feel free to ask for any additional information, i.e. specific pieces of code, and I'll try my best to provide them.

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

    I Alaways find it hard to spot web developers. this article helps de-mistify it.

    Posted: 10 Jul 2018 06:31 AM PDT

    Brother wants to go into Web Development...

    Posted: 10 Jul 2018 12:03 PM PDT

    He's thinking of signing up for a full stack program in web development at one of those trade programming schools. I told him to wait until I found out some info for him because these programs cost A LOT of money.

    I found a similar Web Development program at the local CC for cheaper but its not full stack, only front end. I also found a full stack development course for FREE on Lynda.com.

    Can one learn programming for web development online through Lynda.com and actually get an entry level job? Or would it be best to sign up for one of these programming schools?

    What is the advantage of going the latter route over the former?

    Please advise.

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

    How do you personally go about learning new languages as an already experienced developer?

    Posted: 10 Jul 2018 03:14 AM PDT

    There's a lot of resources out there which teach X language to complete beginners, but I'm already a professional developer having worked as a frontend developer for two years.

    I already have a good understanding of frontend and backend techniques and principles such as OOP, functional programming, SOLID, REST, Unix, static/dynamic typing etc but I want to branch out to being a backend developer, specifically with Ruby but I don't know where to jump in, having already an existing programming knowledge.

    How have you guys gone about learning a second/third programming language?

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

    How do you test your app against thousands of users before production?

    Posted: 10 Jul 2018 03:46 PM PDT

    Basic store management in react?

    Posted: 10 Jul 2018 03:36 PM PDT

    Hey,

    I'm developing my first react application and I'm unsure how to handle the following situation: I have a parent component(stateful), which holds a child component, which holds another child component, which holds another child component:

    parent(0) -- child(0) -- child(1) -- child(2)
    1. Assuming child(2) would need access state from parent(0), how would I pass it down by best practice (props, redux, etc.)?
    2. Assuming child(2) would need access data from child(1) (which is stateless) and data is not relevant in parent(0), would I make child(1) a stateful component and pass data as props down to child(2) or should I store data in parent(0) and pass it down through the entire child-chain?

    I am about to implement redux tomorrow, is redux the solution I am looking for? Since redux allows me to keep one central store, it also gives me direct access, without passing props through multiple components/containers.

    I'm thankful for every advice on this topic. :)

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

    CDN explained. Why, when and how to use it for your website

    Posted: 10 Jul 2018 03:25 PM PDT

    I am working on a custom educational video player in Vue that needs to stop at certain times in the videos for various questions, what is the most efficient, lightweight way to handle pausing at exact times during video playback?

    Posted: 10 Jul 2018 08:55 AM PDT

    I am using Video.js because I need to support a variety of different video types.

    For example, I'll pretend I'm using a 2 minute long video. I might have a multiple choice question 10 seconds in, a short answer question at 0:45, and a discussion forum between all students that's active between 1:15 and 1:50.

    Original approach

    We'd add a "fuzz time" of .25 seconds to the time where any question was supposed to appear, so for a question that would appear at 10 seconds, its fuzz time would be between 10-10.25. I had an event listener on the timeupdate event from Video.js and would then basically run checkIfQuestionWithinCurrentTime() to check whether the player's current time was within the fuzz time for a question and would then pause the video if it was.

    The issue with that was that the timeupdate event was really inconsistent. It seemed to fire roughly every 200ms but sometimes could take over 500ms before firing. This led to a lot of questions being skipped because it'd completely miss their entrance (even with the fuzz time) because the events were so sparse.

    Current approach

    The current plan is using requestAnimationFrame() instead of the event listener on Video.js' timeupdate event. This works a lot better overall but comes close to having the opposite issue on slower devices in that it fires too often. I know I could use a debounce() or something to limit the rate but this whole conundrum has me scratching my head wondering if there's a better way to handle this.

    In the essence of time, I've stripped out a lot of details so you should know that the checkIfQuestionWithinCurrentTime() that I'm running in this video playback update loop (whether through the timeupdate or requestAnimationFrame()) isn't quite as simple as just checking the current time against the appearance times of questions so I'm trying to limit the amount of times we fire that code as much as possible without running into that original issue where we jump past questions entirely.

    Is there a better way for me to be handling this other than some kind of listener that fires that checkIfQuestionWithinCurrentTime() every so often? Is it possible for me to feed the video player a list of "pause points" in advance and have it automatically stop once it reaches them?

    I'm pretty new to working with video playback in any depth more than putting a simple <video> element on a page so I'm not sure if I'm approaching this the right way.

    Thank you for any and all help.

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

    The Extensive Guide to Creating Streams in RxJS

    Posted: 10 Jul 2018 02:30 PM PDT

    Postman and Slacks Incoming Webhooks

    Posted: 10 Jul 2018 02:22 PM PDT

    Hey,

    I am using postman to post to a channel in slack with the slack incoming webhooks feature.

    The problem is, I cant figure out how to add a user ID posting from Postman so i can imitate new users for testing purposes.

    Is there any way i can do this without having to create 5 new email addresses and 5 new slack accounts to have extra users in my slack group so i can test my node code?

    Cheers

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

    Looking to develop with cli more (npm, composer, etc)... Where to start with learning?

    Posted: 10 Jul 2018 02:18 PM PDT

    I've been developing sites for quite a long time now. Mostly html, php, javascript/jquery, and css. Honestly my go-to framework right now is CodeIgniter because I feel the most comfortable with it (easy setup, easy deploy). I've even written a web applications and API with silex (haven't looked at that one in a while).

    I've used composer (amateurishly) a couple times, but I've never gone back to those projects. My plan is to start learning some newer and more powerful frameworks (laravel, angular and react) but the most overwhelming part is when I see you have to start in terminal or a command line to setup dependencies or setup a project folder or clone a git repository.

    A reason I think it's overwhelming is because I use several different computers for developing. I have a macbook pro and two Windows 10 machines. All my projects are saved in my Dropbox and I have a shared hosting account for uploading to (and a new debian virtual machine with LAMP stack for testing). I can develop on any machine at any time and have all my project folders ready to go.

    Is it possible to use these cli tools in between my windows and macbook (project folders in dropbox)? Will my shared hosting (Dreamhost) be sufficient for these types of projects? I guess my main question is what are the best resources for learning these cli tools, as they seem very important for me to develop my skills. I read the FAQ for this subreddit but didn't notice anything that would point me in the right direction. I have no idea why this particular aspect of webdev is so overwhelming and complicated to me.

    Thank you!

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

    JWTs vs Session - Which one is the better solution for authentication/authorization for a user?

    Posted: 10 Jul 2018 02:03 PM PDT

    The best way to pass data from vanilla Javascript to React?

    Posted: 10 Jul 2018 01:48 PM PDT

    I am integrating some react+redux code into a website that is made completely in vanilla JS(with some JQuery), CSS, and HTML. The plan is to integrate the entire website into React, but won't be complete for awhile and for right now the best plan is to integrate the required react code into the current stack. This would be easy if both the react code and the vanilla JS code didn't have to communicate with each other, but that unfortunately isn't the case. In particular, I need to be able to pass some of the data from all the vanilla JS already written into particular React components. I am having trouble in deciding the best way to do this. I found this great article which explains how to do this with a publisher/subscriber method, linked here:

    http://www.primaryobjects.com/2017/05/08/integrating-react-with-an-existing-jquery-web-application/

    This way seems fine, but it is a little convoluted for my use case and will require some significant code refactoring in order to implement properly. Is there an alternative way to accomplish my goal?

    NOTE: The React code uses JSX and not JS.

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

    A guide to React onClick event handlers – LogRocket

    Posted: 10 Jul 2018 01:45 PM PDT

    Creating bot users or fake users on Slack for testing?

    Posted: 10 Jul 2018 01:45 PM PDT

    Hey all,

    Im building a slack app and im the only person in the workspace.i need to test to see if users are being added to an array in my code and then work with the user ID data.

    Is there a way to create bots that i can control in slack? i dont want to create 5 different slack accounts and sign in with them all and do the testing that way because it takes too long.

    when i say a bot, i mean bot that i can control as if it were a user in the slack group

    Thank you

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

    Telephone service to stream audio to API? Does something like this exist?

    Posted: 10 Jul 2018 01:44 PM PDT

    I'm trying to figure out if something exists, or what I would even search for to find out myself.

    What I am looking for is something that will allow a person to call a phone number(This part is important, I am not looking for something that originates from TCP/IP, there needs to be a dial-able number), and then have the audio data coming from that person's phone be streamed to my server in some fashion. (Maybe a web socket, or a long running post? I don't even know.) And then I want to be able to stream audio data back, so that the user can hear the audio I am sending on their phone.

    All I can find is stuff like twilio, which you can use to connect calls, or set up some kind of bot that responds to number presses. I can't find a single thing that lets you work with the audio coming from the user's phone.

    Any help or advice is greatly appreciated.

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

    I trying to create dots along a curved path using Two.js

    Posted: 10 Jul 2018 01:35 PM PDT

    I'm seeing if anyone here is familiar with the framework called Two.js (https://two.js.org/).

    Basically all I am trying to do is create a couple of curved paths like so:

    function getWidth(element) {

    return Math.max(

    document.getElementById(element).scrollWidth-3,

    document.getElementById(element).offsetWidth-3,

    document.getElementById(element).clientWidth-3

    );

    }

    function getHeight(element) {

    return Math.max(

    document.getElementById(element).scrollHeight-3,

    document.getElementById(element).offsetHeight-3,

    document.getElementById(element).clientHeight-3

    );

    }

    var maxWidth = getWidth('draw-shapes');

    var maxHeight = getHeight('draw-shapes');

    var elem = document.getElementById('draw-shapes');

    var params = { width: maxWidth, height: maxHeight };

    var two = new Two(params).appendTo(elem);

    purple line

    var line1 = two.makeCurve(0, 100, 300, 75, maxWidth/3*2, 115, maxWidth, 80, true).noFill();

    red line

    var line2 = two.makeCurve(0, 80, 300, 125, maxWidth/3*2, 50, maxWidth, 100, true).noFill();

    And then I am trying to create small dots or circles along the entire path of the curves. The make curve function creates an svg path it seems. Is there an easy way to accomplish this in Two.js? When I examine the curved path objects I don't see any easy way to grab an x,y value of the curve to position the dots that I create.

    Any help/advice is greatly appreciated!

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

    How the Google Photos web UI was built

    Posted: 10 Jul 2018 01:23 PM PDT

    Steam API Access

    Posted: 10 Jul 2018 02:26 AM PDT

    Greetings,

    I want to use Steam Api for learning purposes , and it seems that iam getting a status 402 response which mean

    To use Steam API you should pay for it ? I thought that it was free . Or iam doing somthing wrong. The documentation that i used for my fetch() requests is from : https://steamapis.com/developers

    Thank you !

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

    No comments:

    Post a Comment