• Breaking News

    Thursday, September 24, 2020

    Home Unlabelled Layoutit is now Open Source! An interactive CSS Grid generator powered by Vue 3 web developers

    Layoutit is now Open Source! An interactive CSS Grid generator powered by Vue 3 web developers

    September 24, 2020

    Layoutit is now Open Source! An interactive CSS Grid generator powered by Vue 3 web developers

    Layoutit is now Open Source! An interactive CSS Grid generator powered by Vue 3

    Posted: 24 Sep 2020 08:18 AM PDT

    I've been rejected twice this week and I don't know how to deal with it.

    Posted: 24 Sep 2020 07:48 AM PDT

    Just a little background: I've been teaching myself web development through online courses and tutorials and stuff for a while now. As I've gotten more comfortable with certain languages and libraries I felt like I was ready for a next step.

    When I was looking through job offers I noticed that all of them ask for at least a bachelors degree, which I don't have. On top of that they ask for work experience, which I also don't have. This made me kinda insecure and I decided I would just call some companies and ask if there was a possibility for me to come and gather some work experience through an internship or just on voluntarily basis.

    The 2 companies I called both told me that I really should have a degree to stand a chance.

    This kinda hit me hard because I feel like I've been wasting time teaching myself programming. And I also feel kinda old to start a new study (even though I'm just 26).

    On the internet I read a lot about people being self-taught programmers landing a job so this is kinda contradictory to me. Maybe it's just different in the country where I live? (Netherlands)

    Anyways I feel kinda bad and discouraged now and I don't really know what to do. Should I find a simple job to gather money so I can start a study? Should I continue searching for a place for an internship?

    I'm kinda just venting but if someone has some tips that would be greatly appreciated.

    ...................

    Edit: Thanks everyone for the great tips and kind words. Like I said I was kinda just venting, but it was more about me having the feeling that I had chosen the wrong path by teaching myself, and less about the actual rejections. I just don't like the feeling that I wasted time. But I'm convinced otherwise now. I'm just gonna keep learning and keep building my portfolio website.

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

    923 Days Ago I Typed "How to Make a Website" into Google (My Journey Learning to Code)

    Posted: 24 Sep 2020 03:26 PM PDT

    923 days ago, it was day 1 of learning how to code.

    I was consuming Pieter Level's "How to Bootstrap a Business" presentation.

    And something stopped me.

    He said,

    "To build your idea, you should learn to code yourself.

    Just open Google and write, 'How to make a website.'

    The biggest thing in coding and business is learning how to learn. Or learning how to figure things out yourself."

    ​

    Just Do It

    I'd never considered that.

    Back then, I wanted to build a map of the world's best surf spots and provide cheap flight and beachfront hotel discounts to them.

    So 923 days ago, I did what Pieter said.

    I literally typed "How to build a website" into Google and began learning to code.

    Here's a recording of me literally doing it on day 1.

    Check it out.

    ​

    I did this for 3-4 days. But I began to feel constrained or stuck.

    Like, I didn't know what to learn next.

    So I asked a friend.

    She was so excited about what I was doing!

    She told me to learn HTML, CSS, Bootstrap, Javascript and jQuery. And to do it using Treehouse.

    ​

    So that's what I did.

    I'd take a tutorial.

    Then I'd code on my project for as long as I could and slowly I'd become completely stuck.

    Like in this photo when I couldn't figure out how to show multiple surf spots without the code being un-godly long (Javascript loops!).

    At that point, I'd take another tutorial.

    Once I'd figure out how to keep going, I'd continue coding the project.

    Rinse. Repeat.

    ​

    In case you want to learn to code too, here's the exact tutorials I took at Treehouse:

    HTML Basics
    CSS Basics
    Bootstrap Basics
    Beginning Javascript Track
    jQuery Basics

    ​

    Learning How to Use a Database

    After getting stuck because I my code was getting crazy long

    my friend told me to check out Firebase for my first database.

    I Googled around and found this Firebase tutorial playlist by The Net Ninja.

    I watched each video, did the full tutorial and slowly figured out how to create, read, update and delete (CRUD) items in a database.

    ​

    This was completely game-changing.

    I remember feeling like I could build forever at this point.

    Here's a PNG of what the project started to look like.

    I still needed to Google how-to's for almost everything, but I could build and build and build.

    It was so empowering.

    ​

    Learning How to Use APIs

    A few weeks from here, I wanted to add a map with pins to my site.

    This was my first time engaging with an API.

    I learned how to do this from this YouTube tutorial by Brad Traversy.

    From that one tutorial, I added a map with surf spots and places to stay right next to the waves.

    I was so amped on it. I remember wanting to show everyone I know.

    Here. Check it out in this GIF!

    ​

    It's worth mentioning, Brad is my favorite online teacher by far.

    I've taken every YouTube tutorial he has online. And I've bought multiple of his Udemy courses.

    Any course Brad makes is worth its weight in gold.

    ​

    Feeling Unstoppable, Then Getting Stopped

    Once I figured out how to plug into APIs I felt unstoppable.

    With all the knowledge above, I coded and built Surf Trip List for 9 months.

    Here's a video of me explaining the end product if you want to see it.

    ​

    It's a story for another time, but life changed and I gave up on Surf Trip List.

    If I'm honest, I got pretty depressed at this point too.

    I felt like a total failure.

    I kept starting other projects, but I couldn't finish them.

    I remember wanting to build a project with the languages I knew.

    But I felt constrained.

    Like it'd be super hard to build a large project with only Javascript.

    ​

    When Stuck, Build for Someone Else

    Finally, I decided to build a project for someone else (a blog for my fiance) as a forcing function to learn React.

    At this point, I had a full-time job.

    So I'd learn for an hour here or an evening there.

    I took the React Docs tutorial (three times lol) and read through the docs multiple times too.

    And I took Brad's MERN Front to Back Udemy course and all his React related courses YouTube. Here's the best one to start with.

    I should have filmed some of this.

    But like I said, I just needed to complete something here. I wasn't in the mind space to share the journey then.

    ​

    Learning NextJS

    As I went, I learned React wasn't great for SEO.

    So I did some research and found Guillermo Rauch's NextJS.

    NextJS is incredible.

    It's a React framework for static sites.

    It's server-rendered, so it's crazy fast and optimized for SEO.

    I read the docs and took this tutorial (which is so good, btw).

    ​

    Learning Tailwind CSS

    At this same time, I learned about Adam Wathan and Steve Schoger's Tailwind CSS.

    It's basically Bootstrap on steroids.

    It's a CSS library that you can customize as much or little as you want.

    Here's the tutorial I used to start.

    I even bought Tailwind UI for all the pre-built components and templates, and it sped up my dev process at least 2X.

    ​

    Ready to Go! Well Almost...

    So I had my fiance's blog all set up (with placeholder content).

    Here's a screenshot of it.

    But...

    My plan was to convince her to write the blog in Markdown.

    (And push it up to Github with git CLI commands. lol)

    Which yeah... would never have happened.

    ​

    Learning Sanityio

    Luckily, my buddy Dylan Jhaveri saw this and told me about Knut Melvær's Sanity.

    Sanity is a customizable CMS (like Wordpress) that serves up content to the DOM with the perfect amount of flexibility.

    I worked through their docs to understand it and used this Next/Sanity template by Shaswat Saxena to re-start my project with Sanity.

    Here's a screenshot of the Sanity Studio I set up for my fiance's site:

    ​

    React's Context API

    As always, I built until I got stuck.

    I hit a place where I needed a tool to help manage semi-complex interactivity on the site (in coding terms this is the ability to more easily manage state).

    In Lehman terms: If you click on this button, have the code change these elements inside these four different files.

    Changing the state of elements inside numerous files gets messy. So you need a state manager.

    ​

    After some Googling, I found React's Context API (it's React's version of Redux, which I had heard of before).

    I took this Brad Traversy tutorial and learned the Context API. Start at 15.00.

    Here's a photo what I ended up with inside my code:

    ​

    Ability to Build Forever

    After this point, I felt like I could build and build and build again.

    I'd still Google simple things (and always will), but I could flow.

    And after many nights and weekends (since I have a full-time job) I finished my first React project!

    My fiance's site still has placeholder content…

    But check it out in this GIF.

    I'm super stoked on how it looks and works anyways.

    ​

    After that, I built my most recent project — a whole other site called Remote Dev Jobs.

    This is totally under construction, but it's been amazing to hack on a project again.

    It looks like this so far. Here's the GIF.

    ​

    And with all that, I feel empowered to take on projects that seemed too big previously.

    ​

    So to sum my journey learning to code!

    Summary of Tutorials

    HTML Basics
    CSS Basics
    Bootstrap Basics
    Beginning Javascript Track
    jQuery Basics
    Firebase Course
    Google Maps API
    React Docs' Tutorial
    React Docs
    MERN Front to Back Udemy
    React Basics
    NextJS Docs
    NextJS Docs' Tutorial
    Tailwind CSS Tutorial
    Sanity Docs
    Context API Tutorial

    ​

    Summary of Learnings

    1. Take a tutorial. Once you've learned a little, build your own project from what you learn.

    2. Build until you feel a constraint, then learn more. Don't learn just to learn.

    3. Once you understand a language's keywords, you're set. Code until you're stuck. Then Google keywords for whatever you need.

    4. I've been stuck for 7 days on one problem multiple times. Ask people online. They will help.

    5. You can do it.

    ​

    Thank you for reading! I'm not going to lie. This took a while to put together.

    If you'd like to say, "Thank you" please retweet the first tweet of the thread on Twitter.

    That would be the most meaningful way to say, "Thanks".

    Yew, yew!

    – Ryland

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

    The failed promise of Web Components

    Posted: 24 Sep 2020 10:45 AM PDT

    Registration for Hacktoberfest just opened up

    Posted: 24 Sep 2020 01:18 PM PDT

    My image magnifier doesn't work correctly

    Posted: 24 Sep 2020 03:46 AM PDT

    How to filter content based on tags and user selection?

    Posted: 24 Sep 2020 12:50 PM PDT

    Is there a good library for displaying numbers for humans in JS?

    Posted: 24 Sep 2020 07:44 AM PDT

    For example: instead of 26749266 display 26.7M, instead of 1200 display 1.2k ? it doesn't seem hard to code but I fear there might be 100 edge cases

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

    Load more images when scrolling down

    Posted: 24 Sep 2020 03:53 PM PDT

    I have a page (https://hansramzan.com/press.php[https://hansramzan.com/press.php](https://hansramzan.com/press.php)) which is filled with images. Therefore it takes a long time to initially load. I want the first few images to load, then the rest load as the user scrolls down and they are revealed. Any idea how to do this?

    (NB: I know hardly anything about coding/development, so layman's explanation would be much appreciated!)

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

    url.dev: URL Shortener that automatically self-destructs messages and links

    Posted: 24 Sep 2020 12:57 AM PDT

    Starting first website, questions about hosting

    Posted: 24 Sep 2020 02:53 PM PDT

    Hey guys,

    I am starting my first ever website. I bought the domain I wanted from Google Domains for $12/year. After doing some research and watching some videos, I wish I purchased the domain AND hosted on HostGator.

    Even though I purchased the domain from Google Domains, how do I go about getting it hosted by HoarGator? Do I need to transfer it? Do I need to get google to delete my domain and repurchase it on HostGator?

    Thanks in advance for any help!

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

    Modal Windows in CSS vs Javascript

    Posted: 24 Sep 2020 02:50 PM PDT

    Hello,

    I am researching options about Modal Windows - who can explain me in general lines - why some Modal scripts are Javascript / JQuery driven, and some are simple CSS?!

    Is the Javascript used only for some "fancy effects" or there is also some important features I would be missing, if I choose to use / customise some simple CSS modals?!

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

    Is writing a conditional in a return statement kosher?

    Posted: 24 Sep 2020 02:06 PM PDT

    export const formatFTE = fte => { if (fte) { fte = +fte.toFixed(2) } return (fte == null) ? 0 : fte; // <-- Is this good practice? }
    submitted by /u/kegfullofshit
    [link] [comments]

    Question about "text-align: justify" and spaces

    Posted: 24 Sep 2020 01:55 PM PDT

    In building a tag-cloud for a personal project, I've run into some puzzlement with justified text.

    What I would like to do is have better control over justification, I suppose. My tags can sometimes be multiple words, and I am hoping to prevent the individual words from being spread apart. For a simple example:

    tag one tag-with-no-spaces tag two

    Instead, the justification spaces all the words evenly, even though I've wrapped each tag in it's own span. I realize this might not be possible, but I'm interested in any ideas.

    Randy

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

    What tools/libraries do you guys use to monitor server performance? Or even concepts for monitoring backend (everything but front end is what I mean by backend)?

    Posted: 24 Sep 2020 01:50 PM PDT

    Like title suggests, I'm curious as to what you guys use in your daily work to monitor your backend services.
    1. I've heard of tools like data dog in order to help for anomalies, query size.
    2. I've heard of things like sandbagging a server? how exactly does that work?
    3. How do you check performance, let's say, of millions of pings to your server at once in order to find bottlenecks?
    3a. Once you find those bottlenecks, what do you do?

    I'm a semi-newbie at large scale backend, and so I'd love to know what current backend developers are slinging around in their toolbelt?

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

    FYI people who self host gitlab should hold off upgrading for a bit

    Posted: 24 Sep 2020 09:55 AM PDT

    What exactly is "deploy" and "deployment"? Very confused about the term and real life application…

    Posted: 24 Sep 2020 02:53 AM PDT

    As someone who has a mixed list of skills and being a non a native english speaker, I'm very confused about this word. I simply understand this term as "go live with your site or app", but I'm sure this is more complex.

    Nowadays, is very common to find this word on a variety of services (Netlify, Heroku, DO, AWS, etc), but I never saw this term in traditional web hosting services.

    Can someone explain me in real life examples, what exactly is, and what is involved?

    Thank you all and have a nice day!

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

    A Pragmatic Approach to Live Collaboration

    Posted: 24 Sep 2020 09:19 AM PDT

    Is WordPress a Crutch?

    Posted: 23 Sep 2020 07:32 PM PDT

    Hey everyone,

    Recently, I started digging into some web development for some side projects as I finish my computer science degree. I don't know if I want to pursue web development as a long term professional career, however, the knowledge of web development and doing it on the side as I finish school sounds really interesting.

    ​

    I've taken a few web development courses so I have the general baseline of HTML, CSS, Javascript, and a little database query languages like MySQL. Nowhere near proficient though. With that said, I'm trying to work on an existing website that a friend let me hack away at in order to update it. After redesigning parts of the website from scratch, I really do appreciate learning the HTML/CSS by hand, however, I'm wondering if it's more practical to continue this way or to use WordPress.

    ​

    To me, WordPress appears to be a crutch for those that want to use existing templates, limiting their overall creativity. Is this accurate? Or does it make more sense to work with WordPress before going at something from scratch on my own?

    ​

    *As a side note, are there any open source templates that literally have the HTML/CSS attached to them just so I can skim through and look at how people designed their websites*? Thanks!

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

    What are formatting rules that prettier follow?

    Posted: 24 Sep 2020 12:35 PM PDT

    Prettier is opinionated formatter that doesn't allow user to change much of rules it uses to format the code. It is suppose to help alleviate the conflict in team by taking choice out the equation.

    My question is where can I find a list of all the rules...

    ex:

    • if line length > x wrap

    • if double quotes in double quotes, escape them

    • if number of parameters > 5 split them into separate lines...

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

    Create a Board Games section in Craft CMS

    Posted: 24 Sep 2020 06:14 AM PDT

    Learning About CSS 3D Transforms and Perspective

    Posted: 24 Sep 2020 08:18 AM PDT

    What does JIT mean and does it slow down webpages

    Posted: 24 Sep 2020 11:33 AM PDT

    I'm profiling a site with Firefox and am seeing lots of time spent on a process called JIT. As I understand it this has to do with compiling? But I'm seeing a lot of it not just on initial load. What is JIT and does it negatively impact performance? Thanks

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

    What happens when you cancel standup and 'just build'?

    Posted: 24 Sep 2020 11:08 AM PDT

    Here's a fun story.

    ​

    We like to experiment pretty heavily with our process - especially when suggestions come from our engineering team. Recently the team was feeling a bit sluggish so we took some suggestions on how to fix it. The team pitched some 'crazy' ideas and we wanted to give them a shot.

    ​

    Anyways, I did a quick write up to share some of the results!

    ​

    TLDR; Don't underestimate 'fun' in the workplace ;)

    ​

    Here's a link: https://www.usehaystack.io/blog/we-cancelled-standups-and-let-the-team-build-heres-what-happened

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

    No comments:

    Post a Comment