• Breaking News

    Friday, December 25, 2020

    Home Unlabelled How do you prototype without getting stuck on the UI? web developers

    How do you prototype without getting stuck on the UI? web developers

    December 25, 2020

    How do you prototype without getting stuck on the UI? web developers

    How do you prototype without getting stuck on the UI?

    Posted: 25 Dec 2020 09:43 AM PST

    I have an idea of a web app. Previously I'd use a Sketch or Figma to try to prototype the experience before I start writing code. My issue is that I always get stuck in UX/UI land. A few hours later I find myself on YT watching Figma tutorials instead of actually building my app.

    Any recommendations for prototyping solutions that just get to the point?

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

    Google AMP gets a shock to its system as advisor quits, lawsuit claims foul play

    Posted: 24 Dec 2020 05:50 PM PST

    What after MERN stack?

    Posted: 25 Dec 2020 09:06 AM PST

    I am a CS Undergrad in my second year and I am doing MERN stack since 6 months. Now I have arrived at a point where I think I can expand my skill set. So I was thinking what will be the best option to go for after this? I prefer suggestions about backend mostly as I have already learnt React and I think its sufficient for me, its ok if you suggest Frontend too.

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

    The first site :)

    Posted: 25 Dec 2020 03:22 AM PST

    Heyy all! Hope you're doing good. I recently learnt basics of html and css during holidays and didn't know what site to make for trying out the stuff I've learnt. So I made a tiny site to wish y'all a Merry Christmas! Do check it here. I'm a newbie and i tried to update the Media queries as much as possible to make it look good on smaller screen too, but since I'm not sure how much i succeeded, I'd recommend to view it in laptop or computer (best if browser's dark mode is on) if possible.

    Do let me know if you've any suggestions. Merry Christmas y'all!

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

    Remade a login page sketch off the internet, how does it look? any suggestions?

    Posted: 25 Dec 2020 12:25 PM PST

    The web loves 3D globes and now there's APIs

    Posted: 25 Dec 2020 03:28 PM PST

    Seems like companies really love the 3D globes. Shopify, Github and Stripe to name some bigger ones.

    I stumbled upon https://globekit.co/ today and seems like globe-as-a-service (GaSS) is now a thing

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

    These are the the projects I am proud of so far

    Posted: 25 Dec 2020 06:30 AM PST

    https://codecademyclone.netlify.app/

    https://tenmaken.netlify.app/

    https://tetris20.netlify.app/

    I would love your feedback on these project only tetris is not responsive so it would have to be view on desktop. The is the page I clone on codecademy https://www.codecademy.com/catalog

    edit: all links should be working now

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

    What is Flutter? [Guide to Development with Flutter]

    Posted: 25 Dec 2020 02:59 PM PST

    RDMS to Mongo/NoSQL --- Help with understanding MongoDB design for content that will quickly increase in size (linking/referencing).

    Posted: 25 Dec 2020 07:58 AM PST

    Hi, I'm trying to wrap my head around designing MondoDB schema for content that quickly increases in size beyond the 16mb limit and could use some advice.

    I have recently took a basic MongoDB course and I was fascinated by it (in contrast with RDMS).

    I'm trying to get more practice and design more complex scenario, a social-network type of applications with the usual: users, timeline, posts, comments, messages, groups... and so on.

    ​

    First thing that comes to mind is the MongoDB 16mb document limit (for content that will get large in size like posts, comments, messages....).

    I am trying to wrap my head around this... what's the "best" way to design a schema like this?

    I guess I should not use embedding and just link/reference (things like comments, messages...) to the user, but then the "linked document" will also increase in size...,

    ...do I just have to keep track of the size, create new document and insert new links/references?

    ​

    What's the best practice in such scenarios?

    ​

    Any advice/examples much appreciated.

    ​

    EDIT:

    Thank you for all of the replies.

    Just to clarify, I know that RDMS may be better suited for this.

    Still, this is a "learning exercise" for me. I have already implemented RDMS in similar applications and wanted to try and use MongoDB, hence the question "how".

    Additionally, from what I have learned so far, storage is much cheaper than computing power and in case of (unlikely?) the database growing fast it should be much easier/cheaper to just add storage.

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

    rally v10

    Posted: 25 Dec 2020 07:40 AM PST

    Looking for a game to teach my daughter the tables of multiplication, I came across this game:
    https://www.timestables.com/rally-v10.html

    I am impressed by its functionality.

    Does anyone have a clue how this was built?

    submitted by /u/00rb33k
    [link] [comments]

    I Don't Think I Like JavaScript Frameworks

    Posted: 25 Dec 2020 01:05 AM PST

    Hi all. On this Christmas morning I realized something. I've been uneasy since last week when I started learning React. A bit of background: In August this year I started my third attempt at learning web development. Since 2017 when I first started I struggled so much with CSS and JavaScript that I gave up twice.

    I wanted to build an app at the top of 2020 and decided to give Dart && Flutter a go. Four months later the app was done. Okay great. Now that I knew Dart I thought wait, let me give web development another go. CSS was SO MUCH easier, and I'm still not sure why.

    Next up was JavaScript, my old foe. Now 2 months after starting again with JavaScript I am so inlove with this language and want to code all day long. But the frameworks are making me feel "uneasy". I keep finding myself thinking "Is this really neccessary", and mind you, I am not struggling learning React, I just don't think I like all this extra stuff if you know what I mean. Am I screwed? Seeing that web dev jobs require frameworks majority of the time. Please help me with this confusion!

    TL;DR I don't think I like working with JS frameworks. Am I screwed when it comes to being hireable?

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

    Where do I start, to make a fully functional web based user account management and mailing system?

    Posted: 25 Dec 2020 07:39 AM PST

    Where do I start, to make a fully functional web based user account management and mailing system?

    I am a first year Computer Science undergraduate and for a module we were asked to create a web based user account management and mailing system as our project. I have the whole semester (3 months) to finish this project and 4 other people are there in my group to help me. I am just a rookie CS student. I am very good with python and getting to know java now. Would love to have someone guiding me on what things to learn to finish this project as we were asked to learn everything necessary for this project all by ourselves. Thank you all for your precious help.

    https://preview.redd.it/1avvecuusc761.png?width=723&format=png&auto=webp&s=225cf132ea0d03a9a4c892978db70161ca8d35cd

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

    Configure CSRF in NodeJs and react (SPA)

    Posted: 25 Dec 2020 10:51 AM PST

    I am using csruf to prevent against CSRF attacks with NodeJS (express server) and Single Page application (SPA)

    I have the following code in my server.js

    const csrfProtection = csrf({ cookie: { httpOnly: true, secure: process.env.NODE_ENV === 'production', maxAge: 3600 // 1-hour } }); app.use(csrfProtection);

    In the express router I have

    router.get('/auth/csrf-token', (req, res) => { res.json({ csrfToken: req.csrfToken() }); });

    and in the client side (React) I use

    useEffect(() => { const getCsrfToken = async () => { const { data } = await axios.get('/api/auth/csrf-token'); axios.defaults.headers.post['X-CSRF-Token'] = data.csrfToken; }; getCsrfToken(); }, []);

    Which sends the token in the headers with each request.

    Here is a sequence of my workflow:

    • User loads a page
    • request to api/auth/csrf-token is made, and this sets a _crsf entry as a cookie, and gets a csrfToken as a response
    • User POST a request to /login
    • The csrfToken and _csrf cookie are added to the header.
    • access_token is generated in server and store in cookie
    • User posts some data to /orders
    • The csrfToken, _csrf, and access_token cookie are added to the header.
    • data is returned correctly

    If any page is refreshed, then we get a new csrfToken.The _csrf cookie seems to be unchanged. And these are used with the access_token to POST/GET data.

    Now my question is: is this setup OK? Especially the part that a new crsf token is retrieved once per page load, and that I use the same token in several requests (since I am using SPA)? Or am I supposed to get a new token for every single request?

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

    How do applications (such as Tinder, Bumble and others) show users in your range?

    Posted: 25 Dec 2020 09:01 AM PST

    I am not completely sure if this post is for this subreddit, but I did not find a better one. I have been wondering, how do applications (for example the dating ones), show users within your range?

    Do they update the DB with the current coordinate of the user every couple of minutes and based on this coordinate display them for a given range, or is there a better approach?

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

    Will the Odin project and more self learning set me up to become employable?

    Posted: 24 Dec 2020 11:45 PM PST

    I'm a 17-year-old and have been interested in web development for a while. I plan to go to college for computer science and I might have some scholarships lined up for college too. I want to learn web development and general programming before I head off to college to ensure that I don't waste my time and fully get the most out of self-teaching combined with a degree. I've recently started the Odin project and enjoy it greatly. I have decided to put in an hour or two into this everyday to be consistent. My question is will this learning resource and others fully make me employable or to an extent or separating me from most individuals looking for dev jobs? I will appreciate any advice

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

    Library to parse text into code?

    Posted: 25 Dec 2020 12:18 PM PST

    I am creating a web app that has a text editor in which you write code.

    I cannot find a way of parsing said text in real-time and color code it.

    For example in JS you would write:

    let var1 = null;

    and automatically let would be purple and var1 orange for example.

    Where I start looking for such a library?

    It's my first created in Laravel, for context.

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

    Is Electron used just to make the web app for desktop?

    Posted: 25 Dec 2020 04:02 PM PST

    I'm an Angular developer and I want to try to create a desktop app. I know that Electron creates a desktop app using HTML, CSS and JavaScript. But do I need to install Angular, React or Vue separately or electron comes with some framework? (Like Ionic comes with Angular)

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

    A Math-y game, using React as a game engine

    Posted: 25 Dec 2020 03:49 PM PST

    Why the code between the "" get ignored in CSS ?

    Posted: 25 Dec 2020 03:38 PM PST

    Today is my birthday, Any advice for your 22 year old developer self?

    Posted: 25 Dec 2020 03:27 PM PST

    Hello everyone,
    What developer advice would you like to give to your 22 year old self?

    Thanks in advance, Stay safe!

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

    Why the background image didn't uploaded ? ( i'm beginner )

    Posted: 25 Dec 2020 03:17 PM PST

    I need Help with a coding problem

    Posted: 25 Dec 2020 02:55 PM PST

    Hi, I've been trying to learn how to be a front end web developer through the Odin Project, and I currently on the JavaScript only course working on a tic-tac-toe project I'm mostly done with basics of the game, but I'm currently having trouble with getting a working solution for the win conditions.

    What I did was create new div elements using the DOM is JavaScript, and put those divs inside a container div that's inside my html file, and I add a event listener to each div. I've made a function another function that will check to see which player's turn is it, and made the marking according to which player it belongs to, so when the players click each div it will mark X or O.

    I've tried push each div inside a array I console.log the array, and it return each div from 0-8. the reason I've done this was so I can get the winner based on which marking is in which div or if the X shows up in div 0,4,8 it would see read that as player one won this round, but the problem is that every time I try to get that to work nothing happens I've tried console.log the array.[0].textContent or innerHtml and nothing happens. I'm not sure why I think it's due to the array push method ignoring any new changes done to the array elements once you already pushed the elements inside the array I'm not sure.

    please can some please help me with this? and I do apologize if this was a simple fix.

    Here is a link to my github I would like to add code snippets but I don't know how to on reddit.

    https://github.com/rsteward117/Tic-Tac-Toe

    Merry Christmas

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

    How do you create a dynamic template page that reads url Parameters to fill in a Youtube on to a page.?

    Posted: 25 Dec 2020 02:50 PM PST

    Hello Fam,

    I have searched the web and I can't seem to find anything that shows how to create a placeholder on a page that displays a YouTube video depending on a URL Parameter.
    That being said, the same for a Title or description for that matter.

    So simply, as I had dabbled with Classic ASP years ago, I am trying to make create a dynamic page to the effect that if I change any of the parameters in the URL, the placeholders will reflect that on the page.

    Here's an example of what I used to do in Classic ASP below

    i.e. https://www.mydomain.com/pages/thissong.asp?YouTube=7yN0g2QIJSU&Title=HappyHolidays

    Is there a way to do that on WordPress ?

    Thank you in advance.

    ​

    Happy Holidays

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

    My first job. How to get customers domain and start working without removing his current page?

    Posted: 25 Dec 2020 01:25 PM PST

    Hello guys,

    I know this is probably a total noob question but I am very excited because I have the opportunity to build an online shop for my first 'customer' . He is a friend of a friend and I am doing it for free to get some experience and help him out.

    He currently has a homepage but it is very ugly. I am sure to get more value for him and his customers by making a new homepage and even ad an online shop. I want to create it with woocommerce. I already did some pages, but always from scratch without an existing domain.

    My question is, how can I work with his domain on WordPress without changing his current website until his new website is done? And how does my customer exactly 'give' me his domain? I guess he just calls his last agency and tells them he wants to switch his provider? Will his website go offline then?

    I will be very thankful for any answers. Appreciate your efforts :)

    And if you have any other tipps or sources I can look into, please share it with me. I am sure it will help.

    Merry Christmas

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

    Resources for learning professional web development front end skills

    Posted: 25 Dec 2020 01:13 PM PST

    Howdy every one,

    I'm interested in becoming a bit more proficient in front end work for web development. I have a bit of experience with React building a pokedex that accesses an API and have briefly become familiar with the Angular framework. I'd like to find a source that teaches how to efficiently and professionally develop front end web development skills. Looking for the type of course that may provide good insight into the industry environments, too. Paid courses are also on the table. I appreciate any and all suggestions.

    Please let me know!

    Much obliged, John

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

    No comments:

    Post a Comment