• Breaking News

    Friday, November 27, 2020

    Home Unlabelled Never seen this type of captcha before, super shady (I can't access the page) web developers

    Never seen this type of captcha before, super shady (I can't access the page) web developers

    November 27, 2020

    Never seen this type of captcha before, super shady (I can't access the page) web developers

    Never seen this type of captcha before, super shady (I can't access the page)

    Posted: 27 Nov 2020 01:46 AM PST

    Front-end developer struggling with data structures and algorithms (self-taught)

    Posted: 27 Nov 2020 05:11 AM PST

    Hi. So I'm a self taught frontend developer, I have an interview for a front-end position in 3days and they said it would be a "technical + live coding round" and I'm pretty sure they're going to ask me about some data structs and algos (I've had a similar interview before with another company and they gave me a test about that) but since I'm self teaching and have absolutely no background in science or maths or anything I'm having a real hard time learning that. Can someone point me in the right way? Like how much do I exactly need to know about them in order to be a front-end dev? What is even the point of them for front-end? I tried doing some top interview tests on Leetcode but most of the questions they asked seemed like gibberish to me.

    I know React, Vue etc I've worked on web applications before on Upwork and some personal ones but never ran into a situation where I needed them. I think I might as well give up on my dev career cause every company gives a test about them and if I can't learn them that means I won't be getting past any interviews.

    submitted by /u/6ichem
    [link] [comments]

    Freelance developers, how do keep all your customer's servers maintained without llosing oversight?

    Posted: 27 Nov 2020 02:47 PM PST

    I do some freelance on the side and deployed 2 applications already, one on DigitalOcean maintained by me and a smaller app on PythonAnywhere. Fairly manageable without any headaches. Now I got offered another 2 gig to develop and I am not sure where to host it to avoid losing overview in the future. I am concerned that if I keep deploying apps on DO that chaos is ensured.

    How do veteran freelances keep track of their customer's servers? I cannot hand it over to my customer since they literally have no IT department and they rely on a longterm relation with me to keep the app running smooth. What if in 2-3 years I have like 10 applications to keep track of?

    Edit: sorry for the typo in the title, I meant "without losing oversight".

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

    JavaScript DOM Selectors [INFOGRAPHIC]

    Posted: 27 Nov 2020 02:36 PM PST

    These are really cool gyroscope effects on mobile!

    Posted: 27 Nov 2020 08:00 AM PST

    CLI for my job

    Posted: 27 Nov 2020 03:59 PM PST

    Hey fellow web devs!

    I just wanted to send this through to a few of the software related subreddits I follow in order to start a discussion around automation. So I apologise if you're seeing this post again!

    Like a lot of you, I write code for a living. I have two types of work on at the moment:

    1. Work that involves me spending time on a project for someone else in exchange for money
    2. Work that involves me spending time on a product for myself, which I can then sell for money

    In any case, the value I give to a project can boil down to a few things:

    1. Educated architectural and technical decisions
    2. Implementation (making the actual things)
    3. Supporting the things I make

    In the beginning of my software development journey, probably when I was 12, I was super passionate about writing code and making stuff work and seeing how things worked together. I was obsessed with coding. Sometimes I would forget to eat because I was working on a project, I was that passionate about it!

    Fast forward 15 years, I'm now a senior software developer running two software businesses outside of my full time job. I now find myself more passionate around the end result of a coding session rather than the coding itself. I never thought I'd say that, but here we are. I guess that's all part of growing up??? Not sure, in any case, let me get to the reason I'm actually writing this in the first place.

    About a year ago, I reached a point in my career where I found that all my clients through one way or another want more or less the same features in their projects. Whether they want to store something, manage users, maybe they want an app for iOS or Android or maybe they want an API that does something and a different API that does something else? It's all the same to me, which is why I've created a tool for myself called betatype.

    Betatype

    betatype at the moment is a CLI tool that does a lot of my work for me, as someone who acts more like an architect than a developer, I find myself using this tool more and more to perform the dev tasks that I find mundane and highly repeatable.

    Here's how I use it:

    btype create project myproject //creates a betatype project called "myproject"
    btype create app for android //creates a native android app for myproject
    btype create app for ios //creates a native iOS app for myproject
    btype create app for web //you guessed it, creates a web app for myproject
    btype create landing page //creates an HTML landing page with a default theme
    btype create landing page with theme 29359694 //creates an HTML landing page with a theme from themeforest, it will also buy the theme if I don't already have it
    btype create service myapi //creates a service called myapi
    btype create db for myapi //creates a datastore for myapi
    btype link myapi to android //adds the necessary code to the android project to communicate with myapi
    btype link myapi to ios //adds the necessary code to the iOS project to communicate with myapi

    I can also add capabilities to each thing I create

    btype add google-maps to android //adds the Google Map library to the android project
    btype add user-management to myapi //adds basic user management features to myapi (login, sign up, reset password etc.)
    btype add mailchimp to myapi //allows myapi to talk to mailchimp and send emails
    btype add table todolist to db //adds a todolist table to the database which also by default adds CRUD routes to myapi since they're connected

    Over the past year or so, I've added more and more capabilities to this tool and have found that I can get deliverables out quicker and also prototype faster too.

    Does anyone know of a tool that can do this? Also has anyone else felt the need to make something similar to this? I know there are CLI's for everything out there, but the purpose of this is so that I can be more productive.

    This CLI is just for me, I haven't released it and I'm not planning to as the projects generated from these commands are very opinionated.

    Let me know what you think about my madness and also tell me stories about how you've automated parts of your job!

    TL;DR - I created a CLI tool to write code for me

    Thanks for reading :)

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

    Do you use an alternative to Docker or Vagrant for local development?

    Posted: 27 Nov 2020 09:23 AM PST

    So far I've felt happiest with Docker Compose for my local development work although not completely satisfied. I find it annoying how Docker screws with my firewall rules and file permissions can get annoying with local volumes. Curious if you folks use anything else.

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

    Help with Cpanel backups?

    Posted: 27 Nov 2020 03:06 PM PST

    I'm trying to learn how to develop a shop on opencart, and some of the files that I uploaded as a theme appear to have broken the site. I had made backups of the server on my Cpanel, but when I restore to a backup it doesn't actually delete any of the troublesome files that have broken the site -- it only replaces the ones that it knows. Is there any way to do a full reset to my backup? One that would delete any mistakes i've made and take me back to before broke my opencart installation? I'm sorry if this comes off as a bit amateurish, but... I'm an amateur. I've tried to look on cpanel tutorials but they all just tell me to restore using the backup wizard -- and that hasn't worked on fixing it.

    Thanks!

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

    Some academics argue that unhappy elites lead to political instability

    Posted: 27 Nov 2020 02:54 PM PST

    Reminded me of 4-year CS degrees crapping on boot camp grads who do the same work just as effectively. https://www.economist.com/finance-and-economics/2020/10/24/can-too-many-brainy-people-be-a-dangerous-thing

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

    How do y'all explore failure states when creating your backend?

    Posted: 27 Nov 2020 01:26 PM PST

    I just watched a very interesting video on the consequences of badly designed systems. As a new web developer, I'm terrified that I overlooked a critical issu3 that creates a massive security hole every time I consider the possibility of rolling out my creation.

    My question really boils down do:

    When making a thing for public use, how do you ensure that all possible failure states are accounted for?

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

    Transferring VS Code to github repository

    Posted: 27 Nov 2020 01:01 PM PST

    I am trying to create a github repository for a history project, and I have the code on Microsoft Visual Studio Code. My problem is the repository is just showing my readme file but not my actual html code that I uploaded. First time using github so I'm confused.

    I have a: readme.md, history.html, and style.css uploaded into the main branch.

    When I try going to my website https://tserp02.github.io/history2020/ . It just shows my readme file and not my actual stuff that I uploaded.

    How do I get it to show my history.html file? Because I would have to have the styling working too or I would just copy and paste it.

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

    I can't for the life of me figure out how to recreate this "rudder navigation" menu, would anyone be able to help me out?

    Posted: 27 Nov 2020 12:07 PM PST

    So for context, the menu I'm trying to recreate is number 4 ("Rubber navigation") from this website.

    So far one of the biggest issues I've encountered has been the little spinning arrow in the middle. I've managed to use an animation to spin it the initially but it seems reversing the animation when closing the menu is a bit more difficult. I know about animation-reverse but the problem seems to be the actual resetting of the animation to start the reverse back. I originally tried using transition but I don't think you can get the full rotate because setting the rotate value to something above 360 just seems to reduce it to that number - 360. (405 degrees becomes 45 degrees).

    My next issue is that you can't use transition on auto width. To get around this I've had to use max-width instead but the transition only works when opening the menu, not while closing it. The transition did actually work before I added the .closed class css but I can't seem to make it work when I get rid of it again.

    My last issue is that trying to keep a consistent border radius just seems impossible. When opening the menu, the border radius seems to work fine and keep a consistent ratio but when closing the menu it creates a weird thin border radius effect.

    My current code can be found here: http://jsfiddle.net/w28veabq/1/

    Please ignore how ridiculously messy and badly organised the code is (I know the sass will give some people aneurysms), any attempt at organisation went out the window while experimenting. Thank you for any help!

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

    How Do I Scroll All Elements To a Target Element?

    Posted: 27 Nov 2020 11:54 AM PST

    Hey all!

    I'm hoping you can provide some help!

    I made a stack overflow for this here:
    https://stackoverflow.com/questions/65018894/how-do-i-scroll-all-elements-to-target-element

    Basically the issue is this. For reasons I have a nested element inside other nested elements for some complex functionality and there are scroll bars required in order to maintain navigation and interaction.

    There exists

    • Main Page Element
    • A content container
    • A display container
    • The element I want to scroll to

    I want to scroll all the parent elements so that the grand child element is in view on certain actions, but I can't seem to get it working!

    Can you all help me find a generalized solution that works regardless of how the element is nested?

    Example

    <html> <head /> <body> <div style="background:red; display: block; height: 1000px; overflow-y: auto"> Root Parent <div> <div style="background:green; display: block; height: 1000px;overflow-y: auto"> Another Parent <div> <div style="background:blue; display: block; height: 1000px; overflow-y: auto"></div> <div style="background:purple; display: block; height: 1000px; overflow-y: auto"> <div id="targetElement">Scroll here</div> </div> </div> </div> </div> </div> </body> </html>

    JS Fiddle Here
    https://jsfiddle.net/10f83ush/

    Solutions I've tried

    I found zen scroll

    But in their How to Use Section - 1.4 they explicitly state it isn't supported
    https://zengabor.github.io/zenscroll/#howtouse

    I found this this thread here
    https://stackoverflow.com/questions/37137450/scroll-all-nested-scrollbars-to-bring-an-html-element-into-view#comment61838795_37137724

    And I thought that would work but it doesn't.

    If I do element.scrollIntoView that doesn't work either because it's got two sets of scrollable parent/grandparent that both need to scroll.

    Request

    How the heck do I get all the parents of the target I want to scroll towards to all scroll towards the correct location to show the element on the page?

    Any guidance on this would be greatly appreciated, because I'm at my wits end on this, which was a task I was expecting to be easy.

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

    Do I need Webpack or another bundler?

    Posted: 27 Nov 2020 11:46 AM PST

    I've published a few sites in the past, but they were mostly for smaller, specific audiences. I'm about to publish the largest site I've coded manually, and I'm wondering if Webpack or something like it is needed to improve overall site efficiency and load times. I'm not using JS modules, but there is a substantial amount of JS manipulating the DOM. Do I need a bundler? Or is the best practice just writing better code and decreasing the file size of media assets?

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

    Ideas on how to calculate continental USA shipping costs with only weight, and no dimensions?

    Posted: 27 Nov 2020 11:17 AM PST

    Got a hardware company that sells things like nuts, bolts, wrenches, etc. Don't have any dimensions for them, but a bunch can fit in a box and padding isn't really a concern. I actually do have the weight of most of them, oddly. Some items may be light, but bulky—however, not big enough to 'ship separately' as maybe you could fit 3 in a box.

    Flat rate is all fine and dandy, but it's kind of expensive. I'm hoping to get some ideas on how to tackle this.

    How have you all handled weird shipping calculations on your projects?

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

    Best MERN Stack course?

    Posted: 27 Nov 2020 07:28 AM PST

    Looking around udemy to find a good course for the MERN stack.

    Found brad's latest course on it and its looking really good but i've had issues learning react from his "beginners" react course. On the other hand there's maximillian's course available too who as you all know is one of the best.

    I already have decent knowledge about express mongo and react but just need a final course to help me put it all together with a project.

    Maybe some other better course for this too that i don't know about.

    Would love to have your opinions and recommendations on this.

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

    People loading up site on Iphones not able to sections of the pages, how can i use developer tools with an iphone?

    Posted: 27 Nov 2020 10:15 AM PST

    Edit: Solved: Safari ios/all browsers on it does not support look back (?<= ) so i just got rid of "?<=" and was left with my delimeter of a blank space ( )

    ​

    <p style="text-align: center; ">${index.replaceAll('_', ' ').toLowerCase().replace(/( )[^\s]|^./g, a=>a.toUpperCase())}</p>

    <div class="toggleSides columns is-tablet is-multiline is-centered" id="OneSided_wrapper"></div>

    // Dynamically writes products based on what is added to the colorToImagePath array var dynamicProductOutput = ''; $.each(colorToImagePath, function( index, value ) { //everything that is in "index's" array is already grouped, so there is no need for conditional statements //opens this once per group, to allow color swatches to be added to the same div dynamicProductOutput += ` <div class="thumbnail grid_4 column is-narrow is-one-quarter"> <div class="thumbnailImageSquare"> <a class="link" href="${value[0].link}"><img class="thumb" src="${value[0].thumb}" alt="${index.replaceAll('_', ' ').toLowerCase().replace(/(?<= )[^\s]|^./g, a=>a.toUpperCase())}"></a> </div> <div class="colorSwatches"> <div class="colorSwatchCenter columns is-tablet is-multiline is-centered">`; //add as many swatches as object in the array $.each(value, function( dataset, data ) { dynamicProductOutput += ` <div class="colorItem"> <img class=" ${data.class} colorSwatchThumb" data-id="${index}_${data.color}" data-thumb="${data.thumb}" data-link="${data.link}" src="${data.hex_img}"> </div> `; }); //close the div at the end then start again dynamicProductOutput += ` </div> </div> <p style="text-align: center; ">${index.replaceAll('_', ' ').toLowerCase().replace(/(?<= )[^\s]|^./g, a=>a.toUpperCase())}</p> </div>`; }); //add generated dynamicProductOutput of products into proper div document.getElementById('OneSided_wrapper').innerHTML = dynamicProductOutput;

    The products in here should be injected into #One_Sided_Wrapper.

    ​

    This entire part of the page is not showing up, we have already tested this on 5 iphones. This was not an issue earlier this week. I really need to be able to see if there is a way to debug this, this issues doesn't happen on mac so dev options won't show me anything.

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

    How does Facebook prevent you from going back if you reach his website?

    Posted: 27 Nov 2020 10:08 AM PST

    I noticed that if I google something and click on a facebook link, as soon as the fb page is loaded, the history of my browser is cleared and I can't go back.
    How they made it possible?

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

    Do you guys know about this extension called Grepper? It's pretty useful and saves me some clicks

    Posted: 27 Nov 2020 10:05 AM PST

    Escape from Callback Hell (promissified async/await tutorial)

    Posted: 27 Nov 2020 10:00 AM PST

    What are your go-to resources for speeding up development?

    Posted: 27 Nov 2020 09:53 AM PST

    I'm curious about what others use in terms of resources. I'm particularly interested when it comes to client projects.

    When I say "resources," I basically mean anything where a large chunk of work is basically outsourced. Examples would be things like Envato Elements or Tailwind UI.

    What would you have a harder time without? Bonus points for what you've tried and didn't think was worth time/spending money on.

    * Technically a lot could fit this definition (e.g. web frameworks, build tools, etc.), but let's just take all of those for granted for now, hah.

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

    How can I accurately test my site for mobile/tablet viewing?

    Posted: 27 Nov 2020 09:51 AM PST

    Hi all, I'm looking for some advice on how to get an accurate simulation of how a website will run on mobile devices. I recently created a new hero section for my portfolio site using three.js. I tested it in every preset in the Chrome & Firebox mobile dev tools, as well as all the old iphones i have lying around the house, and everything looked great. Then I brought it up on an older ipad air and i'm seeing a black screen, and I'm at a blank to explain why. Is there any way to bring up the dev/inspector tools on a tablet for troubleshooting? Or are there any apps/services you recommend that can more accurately simulate mobile devices? Thank you!

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

    Hardware integration

    Posted: 27 Nov 2020 09:42 AM PST

    Hi guys I'm building a web application that needs hardware integration (barcode scanning to be exact) my stack will be either Django or .net, depending on the rest of my team, the scanning process needs to be very fast like industrial adf, initially i was fitting with the idea of a front-end react native application with authentication tokens to scam and append to json and than upload via API but I would like to avoid having to open a API for security reasons, is there any way to avoid having to have an API? keep in mind that I'm talking about hundreds of scans per minute and it has to use http Thanks in advance

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

    No comments:

    Post a Comment