• Breaking News

    Wednesday, January 13, 2021

    Landed a new job! web developers

    Landed a new job! web developers


    Landed a new job!

    Posted: 12 Jan 2021 08:09 PM PST

    For the past two years I've been working at an Advertising Agency that uses pre-build themes to "build" websites for businesses. I've been mostly doing support tickets and simple edits. During this time I've been studying vanilla Javascript and more recently React.

    I haven't been sure if I'm ready for a real developer position, but thanks to some advice on this sub I've been applying with the mindset that if I get hired that means I'm ready.

    Well it's happened. I've landed a Jr Front-End Web Developer position that pays significantly more than I currently make. The interview process was way easier than I imagined. I've been psyching myself up about hard technical JS gotcha questions, worrying if I had enough knowledge etc. But it ended up being very easy questions about html/css and super basic JavaScript.

    The work won't be flashy, building micro sites, email blasts, making edits to the companies site etc. I'm very excited and very nervous. I appreciate the people who told me to just apply!

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

    Introducing Payload - 2021's Node + React Headless CMS for JavaScript Developers

    Posted: 13 Jan 2021 08:43 AM PST

    139+ interviews failed, I don't know what to improve as a 3 year old developer!!! Please Help.

    Posted: 13 Jan 2021 02:44 AM PST

    Hi everyone. When I started my journey I learnt a lot from here and r/learnprogramming and r/reactjs. But since then I have been giving interviews by applying mostly to remote comapnies in Europe and USA now, majorly in my home country (which you might have guessed by now, or maybe look at post history.)

    Even at my current workplace I have been handling whole projects on my own building it up with node.js, express.js, react.js, redux, Next.js for SSR, firebase (handling multiple databases in the same app), webRTC,RTM clients. But what hits me the most in such interviews is that they fail me in the first rounds. I'll share the examples of questions which I'm frustrated and tired to answer by now.

    ``` a = []; b = [];

    console.log(a===b); // if this is false why is it? ```

    • ```
    • why can we modify a key inside an object which was declared with a const variable?
    • how does a javascript event-loop works and more precisely why it never handles setTimeout in call-stack itself? ```

    I have shared many posts in past here, where I have encountered difficult to weird questions in javascript.

    I'm crying right now, as I have been taken out of an interview after being asked to write a reverse string question which I solved this way.

    function CustomReverse(str){ let result = ''; for(let i = str.length-1; i >= 0; i--){ result = result + str; } }

    and after solving this he was like, alright we are looking at someone, team-lead.

    So my major two queries are: - how much should I learn Javascript? What exactly should I learn in it? read it or code it or what?

    ``` I have been reading the whole javascript.info several times and answered almost everything about the promise.all() and how it accepts an array and returns an array of resolved items. - promise.resolve();

    • how to write custom symbols, iterators. Which I have seriously never used in any of my production app. ```

    I have even answered these kind of questions

    ``` what is the vaule of this in JS classes?

    class BrandCollector { get brands() { return [ 'Docler', 'LiveJasmin', 'Oranum', 'Google', 'Apple', 'Coca-Cola' ]; }

    // The constructor cannot be changed! DO NOT EDIT IT! constructor(){ return this } 

    }

    Now my task is to return that array in reversed order without touching the mentioned constrcutor.

    some other function is just calling it as

    Array.form(new BrandCollector()).join(','); ```

    and could resolve it by writing this in the class without touching the constructor

    *[Symbol.iterator] () { yield* this.brands.reverse(); }

    • the other major query is, is it the same for others as well? I feel these interviews are just getting more hard and harsh, where they ask questions to eliminate the candidate with answer/word?

    • am I intended to write big libraries? which has 100s of downloads on NPM.

    Rhetorically, I always answer 7 out of 10 questions correctly, that's for sure, no one can deny that. Even if those were hard-difficult, prototype chaining, prototype methods questions.

    In an recent interviews, I wrote a function to execute all the tasks(functions) provided to it. It was more like writing a wrapper or a polyfill of Promise.all(), without using any promises,async-await, callback functions.

    Basically can you tell me as a brother/sister what is going wrong? I am banging my head everyday, that I have had so much of javascript from javascript.info and still it is not getting easier to crack interviews. I mean I know it can never be a cake walk, but at least cut me some slack, this is getting more tough. I hope I don't fall into some disturbance or depression.Some times I think I should just create my own sites e.g., blogs, film-news, cricket-news, meme-news, etc. and monetize and earn money on side.

    EDIT: Should I learn and focus more on system design? Architecting the whole code design for various set of projects.

    EDIT-1 : // missed the character earlier while writing the post

    function CustomReverse(str){ let result = ''; for(let i = str.length-1; i >= 0; i--){ result = result + str[i]; } }

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

    Gatsby with WordPress - how to bring into the team?

    Posted: 13 Jan 2021 11:28 AM PST

    As the title says I currently have a great opportunity to bring gatsbyjs into our professional workflow.

    I have a bunch of marketing folks on the team who currently use page builders to achieve most of their visions.

    After reading through the pros and cons I was trying to explain that gatsby renders page builders useless (correct me if I'm wrong here), since gatsby only queries data and the data needs to be processed just like in traditional web development without page builders? Some people had hoped that they could still use a page builder and have the data show up just like that on the front end. I don't think that's possible nor necessary, but in your own words, how would you describe this to non-tech people?

    Have some of you incorporated gatsby? What were some pros and cons you faced? Cheers

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

    How to configure my HTML GET request form to go to the right page when form is submitted

    Posted: 13 Jan 2021 11:14 AM PST

    I have a list of options in my form

    <form action="/accounts" method="get"> <select id="account_selection" name="account_selection"> <option value> 1</option> <option value> 2</option> <option value> 3</option> </select> <button type="submit">Select</button> </form> 

    When i select account number 2, and then press submit i get

    https://websitename/accounts?account_selection=2

    How do I make the URL render the following instead so it goes to the correct page:

    https://websitename/accounts/2

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

    According to StateOfJS 154 developers think functions are missing from JS

    Posted: 13 Jan 2021 09:16 AM PST

    Yes, vanilla JS does scale

    Posted: 13 Jan 2021 06:17 AM PST

    Does there exist a library or microservice that could rate the accessibility of a pdf or other file uploaded to a CMS?

    Posted: 13 Jan 2021 09:40 AM PST

    Does there exist a library or microservice that could rate the accessibility of a pdf or other file uploaded to a CMS? I want to give instant feedback to content creators when they are uploading content that we'll eventually have to remove because it fails an accessibility review.

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

    Looking to identify a specific Jekyll portfolio theme or find something similar

    Posted: 13 Jan 2021 08:32 AM PST

    https://alexander-kahanek.github.io/ has a great theme where the landing page has a full page feature image which then slides to the side and becomes a navigation bar. I'm trying to identify the site generator and theme used to build it. I used a theme detector website on the page which identified Jekyll as the generator but couldn't identify the theme.

    Can anyone guide me how to identify Jekyll themes or which theme is being used on the aforelinked page or something similar (free) that has similar sliding landing page? Thanks in advance.

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

    $("class").append( ) not working

    Posted: 13 Jan 2021 02:11 PM PST

    Hello, I'm making this web app in which append the result of an api to my web application. My function for appending looks like this: var totalReviews = ''; for (review of reviews) { var authorName = "Undefined"; if (review.author) { authorName = review.author.fullName; } totalReviews += `<div class="reviews"> <span class="rate">${review.rating}</span> <span class="reviewTitle">${review.title}</span> <p>${review.text}</p> <span> By ${authorName}</span> <span class="line-break"></span> <div> `; } $('.userReviews').append(totalReviews); The problem, as stated in the title is that append( ) doesn't seem to be working unless I don't specify the classes in the "totalReviews" variable (instead of <div class="reviews"> only <div>, this for every class). I was wondering if anyone knew why this happens and how I can solve this

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

    For Cron job noobs like me - an excellent site to visualise what the asterisks and values mean

    Posted: 13 Jan 2021 06:50 AM PST

    What really are PHP frameworks, and which one should i learn?

    Posted: 13 Jan 2021 06:54 AM PST

    So I have learned coding by myself, I have good knowledge of HTML, PHP, CSS, JS etc and I have also done little bit work with Vue.js.

    I think at the moment being Web dev is kind of my "dream job" (I'm 21, will finish my studies this year)

    Few people have recommended me few times to start using PHP Frameworks, so what really are PHP Frameworks, what are the benefits of using them, and which one should I start learning (Which are easiest to learn, which are most used at professional level?)

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

    Any quick website builder that has api connectivity?

    Posted: 13 Jan 2021 12:41 PM PST

    Kinda like wix and wix code. I am just wanting to setup a simple payment page that connects to our database. Any solutions or alternatives out there?

    Background: We have an API that connects to mongodb that will update our database with the username (person who paid)

    Payment page as in PayPal checkout or stripe or something USA friendly. We want like a front end checkout page that is quick to deploy with minimum code.

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

    If you want animation on your website, just make sure not to go overboard with it.

    Posted: 13 Jan 2021 01:19 AM PST

    Is it viable to develop a small scalle interactive app for a smart tv using an offline/local website solution?

    Posted: 13 Jan 2021 12:27 PM PST

    Hey all.
    I'm looking at options on how to tackle this. I need to make an interactive app that displays some videos (like a micro-version of Netflix) that will be then displayed on a tactile screen. I'm assuming a smart tv.
    I thought on going the Unity route, but honestly, export sizes and compatibility are drastically different, so I thought a much cleaner solution would be to just make an offline website run directly from the device.

    Has anyone ever done something like this? Is it feasible? I'm more worried about the tv browser being crappy or not being able to read the files... those sort of hassles.

    Anyway, I'd appreciate some opinions.

    Thank you!

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

    New RxJS Operators for working with browser StreamsAPI

    Posted: 13 Jan 2021 03:32 PM PST

    Certbot Vultr - Wordpress

    Posted: 13 Jan 2021 03:28 PM PST

    Hi all, I span up a Wordpress application on the server, used this guide to setup certbot considering the wordpress is an app install I don't think uses Apache, but I'm not sure hot to check it worked?

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

    How to create a secure image upload (Cloudinary, Firebase, Vue)?

    Posted: 13 Jan 2021 09:20 AM PST

    I have a site project in mind for my working place where the employees should be able to upload images. The images will then be added automatically upon upload to a feed of previously uploaded images. That's the basic function of the site in whole.

    The tools I'm planning to use for this are:

    • Vue, for front end.
    • Firebase, for storing each "post" that contains one or several image urls uploaded along with ID and other additional info of the post. Firebase would also provide the authentication as the employees would have to be logged in, in order to upload and view images and Firebase would also store information about each user in the database like avatar, name etc.
    • Cloudinary, for storing and serving the images uploaded through CDN. Transformations could also be made for showing the images in different sizes. The images would be uploaded and after that the "post" on Firebase would be created containing the URL of the recently uploaded image.

    One thing that is very important for this site is the security. The images should only be visible for a logged in user. If a user somehow shares the images to anyone not logged in on the site, the image should not be possible to see. This also goes for search engines, they should not be indexing these images for the public.

    I have very limited experience in doing this, so I'm asking for some help with this. Opening the direct URL to an image, is it then possible to determine if a user is logged in through the Firebase authentication and through that determine if the URL in question will show an image or not? Or how do you usually solve this problem when images of a site only should be visible for registered and logged in users of the site? Are there any other aspects to think of as well regarding the database and how to prevent other from reaching its content without a valid login.

    The images will in some cases contain WIP design material that is classified and sensitive to share with other people outside of the company. Any suggestions to what tools to use instead of the above mentioned are welcome! I would love to do this as simple but secure as possible... :)

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

    Z-index issue with a fixer header.

    Posted: 13 Jan 2021 07:26 AM PST

    Hello. I trying to re-create my portfolio, but I have encountered a issue with my layout. I have a header on the side, and on desktop when the user scrolls, the header just go underneath the work content, and then re-appear when the user appears at the contact section. I have a z-index of -1 on the header, and it works. However, because of the z-index, the user can not click on the social icons in my header.

    I am having trouble fixing this issue. If anyone can help and point me in the right direction, I would appreciate it. I did check a SO thread, but someone else had the same issue and there was not an accepted answer that would work in my case.

    Codepen

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

    Has anyone actually managed to set up the new non-API Instagram feed to embed into their site?

    Posted: 13 Jan 2021 08:50 AM PST

    It's a living hell since Instagram dropped their API by depreciating it.

    Setting up a facebook developer account, then setting up an app to basically give you permissions is massive overkill and that's not including the fact that I can't even submit my app for approval because there's a bug in the facebook developers dashboard that stops you from attaching an app icon.

    I cant attach an application icon - Facebook for Developers

    Has anyone actually succeeded in transitioning to the new method?

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

    Api design principles and formatting

    Posted: 13 Jan 2021 02:21 PM PST

    Have a doubt on how to design api that gets consumed by frontend(react in this case). For example api would output prices for and currencies for products and they would be separated in each field and raw, should api also format this so frontend gets nice formated output per product like 9.99 EUR or should frontend consume it raw like 999 and then FE should read currency and apply formatting. There are libraries for doing this on both sides which are not hard to implement so I am trying to see what would be the reasoning to choose which side. So far BE wins as we are already maintaining this formats on BE part in CMS so tracking two libraries would be overhead, also adding another library to FE would mean bigger JS files and slower page load time. Any reason why and when to choose FE for this?

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

    Best chart/graph plugin/library? - JS/PHP

    Posted: 13 Jan 2021 08:12 AM PST

    So gotta take a lot of data and need a fairly flexible robust chart/graph builder. Work in PHP but obviously JS is the likely best route here.

    Any of you guys got some good suggestions? Paid for is on the cards.

    https://www.chartjs.org/ seems like a good options but wondering if there is like an industry 'goto' in this area like composer is for php packages etc...

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

    How to transform a svg element into a .svg file

    Posted: 13 Jan 2021 01:32 PM PST

    Here are 2 svg elements that need to be converted. How does one go about doing that?

    <svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.63 21.78" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><defs></defs><title>db Logo</title><path d="M606.31,431.51H584.68V409.73h21.63Zm-8.47-16.61-8.44,11.37h3.82l8.47-11.37ZM587.7,428.49h15.63V412.75H587.7Z" transform="translate(-584.68 -409.73)"></path><path d="M606.31,431.51H584.68V409.73h21.63Zm-8.47-16.61-8.44,11.37h3.82l8.47-11.37ZM587.7,428.49h15.63V412.75H587.7Z" transform="translate(-584.68 -409.73)"></path></svg> <svg width="19" height="23" viewBox="0 0 19 23" xmlns="http://www.w3.org/2000/svg" data-testid="logo-svg" class="styles__StyledLetterSvg-a7znz5-0 cwPRsp"><defs><linearGradient id="logo_letter1" x1="-3.542" x2="187.902" y1="222.275" y2="33.495" gradientTransform="matrix(.10838 0 0 .11312 -.092 -.004)" gradientUnits="userSpaceOnUse"><stop id="stop837" offset=".113" stop-color="#0D59EC"></stop><stop id="stop839" offset=".742" stop-color="#008FE1"></stop><stop id="stop841" offset="1" stop-color="#20AFFF"></stop></linearGradient><linearGradient id="logo_letter2" x1="-3.542" x2="187.902" y1="222.275" y2="33.495" gradientTransform="matrix(.10838 0 0 .11312 -.092 -.004)" gradientUnits="userSpaceOnUse"><stop id="stop844" offset=".113" stop-color="#0D59EC"></stop><stop id="stop846" offset=".742" stop-color="#008FE1"></stop><stop id="stop848" offset="1" stop-color="#20AFFF"></stop></linearGradient></defs><g stroke="none" stroke-width="1" fill-rule="evenodd"><path id="letter_1" data-testid="logo-letter_1" d="M8.946 4.865c-.284 1.999-.511 3.682-.92 6.303 1.105-.024 3.613.416 4.165-3.166.457-2.98-1.58-3.256-3.245-3.137z"></path><path id="letter_2" d="M18.516 19.276c.43.957-.003 2.167-.9 2.654-.515.28-1.103.54-1.69.686A14.18 14.18 0 0112.97 23c-1.593 0-3.19-.912-3.878-2.022-.178.383-.82 1.153-1.945 1.515-.711.23-1.568.507-3.357.505-1.603-.001-2.517-.728-3-1.338-.77-.97-.883-2.202-.733-3.032l.008-.04C.67 15.553 1.497 10.035 1.878 7.27l.004-.027c.104-.767.21-1.534.273-2.306.031-.389.052-.78.056-1.17.004-.369-.03-.737-.027-1.106.004-.348.06-.7.223-1.008.265-.497.75-.889 1.263-1.06C4.233.405 4.821.33 5.406.262a46.373 46.373 0 011.798-.18A30.497 30.497 0 019.404 0c1.256-.001 2.52.02 3.758.275 1.261.26 2.535.757 3.53 1.628.682.597 1.223 1.35 1.63 2.174.356.726.501 1.49.587 2.074A8.67 8.67 0 0118.79 9.3a6.903 6.903 0 01-.913 2.122c-.474.736-1.082 1.404-1.857 2.04.472 1.37 1.702 4.046 2.496 5.814zM4.41 2.8c.03.508.034 1.02.012 1.53-.022.521-.067 1.04-.125 1.558-.057.516-.126 1.03-.196 1.544l-.023.168c-.22 1.607-.452 3.212-.695 4.814-.256 1.684-.543 3.359-.83 5.036-.133.782-.432 1.784-.023 2.53.364.666 1.298.747 1.949.68 2.371-.242 2.748-.769 2.748-.769-.473-.524-.062-2.912.414-6.122h1.685l1.764 5.335s.52 1.653 1.965 1.573c1.851-.102 3.213-.525 3.409-.76-.57-.318-2.2-4.394-3.088-7.387.43-.262.847-.547 1.24-.866.537-.438 1.035-.943 1.416-1.536.274-.426.483-.895.603-1.393.063-.263.098-.538.12-.807.04-.474.025-.954-.044-1.424-.066-.452-.165-.955-.367-1.363-.375-.763-.906-1.429-1.63-1.855-1.222-.718-2.63-.855-4.003-.93a25.333 25.333 0 00-4.463.146c-.166.02-1.845.168-1.838.298z"></path></g></svg> 
    submitted by /u/wisdom_is
    [link] [comments]

    Trying to learn WebSockets, few questions from a beginner?

    Posted: 13 Jan 2021 02:50 AM PST

    Hi! So in my current project I would need to work with live data coming from websocket API. I've previously only worked with HTTP REST API's, fetched them with certain interval and been happy with that approach. However, this project is expected to scale and the core of the project relies on this live data so I think websockets are the way to go(?).

    So the API I'm using has quite poor documentation. The only guide they provide, is for Python.

    The documentation states: you only need to establish one connection across the whole lifespan of application, if you open a new one, the current connection will be broken.

    So does that mean I should connect to the websocket from my applications backend, update some kind of a database on my backend, and then communicate with that database from my applications frontend? Or should I connect the frontend to the websocket? Wouldn't that require multiple simultaneous connections, or am I missing something here?

    If someone could share their approach for dealing with websockets, the tech stack etc., I'd be very grateful.

    Thank you!

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

    No comments:

    Post a Comment