Git Product home page Git Product logo

faladev's Introduction

Diego Fernandes

CTO @Rocketseat.

Twitter Badge Linkedin Badge Gmail Badge

Enthusiast of the best web & mobile development technologies.

Passionate about education and changing people's lives through programming. More than 200,000 people have already undergone one of my trainings.

"Nothing in this world beats good old persistence. Talent does not surpass. Nothing more common than talented failures. Genius does not overcome. Unrecognized geniuses is practically a cliche. Education does not exceed. The world is full of educated fools. Persistence and determination alone are powerful."

faladev's People

Contributors

0xdones avatar bzenky avatar diego3g avatar fellipeutaka avatar gabe-frasz avatar guilherssousa avatar majortheus avatar mateusabelli avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

faladev's Issues

Display extensions visually on the sidebar

Today we are listing all the extensions as a JSON but we could display them as an extension list like VSCode does:

CleanShot 2023-02-22 at 09 40 03@2x

This would allow people to understand better what extensions I use and how to install them as we could provide a deep link to install the extension directly:

vscode:extension/styled-components.vscode-styled-components

Revalidate static pages

Some pages are being fetched from Notion but they are not revalidating so, even if I edit the content of the page on Notion, nothing happens.

Use Notion as CMS

We could use Notion as CMS to pages that are not fetched directly from Gist (setup, fish, etc).

Improve the Mobile View

Hello! First of all... Great Job! :D

I see that the mobile view is not great... and I understand VScode is not meant to be seen from Mobile, but, because this is a project for your followers to follow the guides you use on your set up, might be a good idea to setup a basic mobile view...

I image something like this... On mobile view we eliminate almost everything leaving a column with the explorer above and the text file bellow.

Might not be perfect, but It'll be at least visible.. I can try to implement so we can discuss..

image
image

Mobile viewport fix

Problem:

The desktop version works fine on mobile devices, however the mobile version does not.
User-Agent detection: as some mobile devices may report their user-agent string as a desktop browser to work around compatibility issues.

Solution:

'''HTML head <meta name="viewport" content="width=1024"> /head

hqnicolas-faladev

Rocketseat

Gostaria de obter informações atualizadas sobre os cursos e recursos oferecidos pela empresa. Quais são as novidades e as áreas de foco para o próximo ano? Além disso, há planos para expandir a gama de tecnologias ou lançar novos cursos em breve?

RFC: Move to VSCode Profile Export

Today we are using copy/paste Gists to share VSCode settings/extensions but it is a manual task as VSCode Settings Sync does not support Gist anymore.

Yesterday I found out that VSCode has a new Profiles setting where we can switch between a set of preconfigured config/extensions/keybindings.

CleanShot 2023-02-14 at 08 57 52@2x

Also, VSCode supports exporting the profile as a Gist and copying the link to the clipboard.

The only problem here is that the Gist is private so we'll need to add an access token on Next so we can pull data from it.

Example of Gist: https://gist.github.com/diego3g/44fb3d8ef7837854ef69798a121abef3

Suggestion: menu functionality

I was thinking in oppening a PR with a dropdown, containing your social links when user clicks in user icon, something like happen in VS Code. I don't know if it's part of your plan develop the nav menu, so if it's worth it, I start the PR here.

Google Extensions

Would be good to know some dev extensions that help us in day-to-day
So we could do a page like the VSCode extensions, but fill with the google extensions
Is there a way to fetch the google extensions of an user ?

Is dynamic background/colors a good idea?

The Problem

At the moment the project is hard coded to use rose-pine-moon color scheme, including the background and text colors on the components

Initial thoughts

I'd like to know if it would be interesting to refactor everything to allow easier colors customization. After doing some research I've found out that the library shiki provides the following methods for the getHighlighter function:

const myTheme = 'rose-pine-moon'

const highlighter = await shiki.getHighlighter({
  theme: myTheme
})

highlighter.getBackgroundColor(myTheme) // #232136
highlighter.getForegroundColor(myTheme) // #e0def4

With this, it opens the doors for what @isneru tried to implement in their PR

After some more digging through shiki library I've discovered all of their current supported themes, it's available on their docs or by running the following code:

console.log(shiki.BUNDLED_THEMES)
Click to expand the array
[
  'css-variables',
  'dark-plus',
  'dracula-soft',
  'dracula',
  'github-dark-dimmed',
  'github-dark',
  'github-light',
  'hc_light',
  'light-plus',
  'material-theme-darker',
  'material-theme-lighter',
  'material-theme-ocean',
  'material-theme-palenight',
  'material-theme',
  'min-dark',
  'min-light',
  'monokai',
  'nord',
  'one-dark-pro',
  'poimandres',
  'rose-pine-dawn',
  'rose-pine-moon',
  'rose-pine',
  'slack-dark',
  'slack-ochin',
  'solarized-dark',
  'solarized-light',
  'vitesse-dark',
  'vitesse-light'
]

Drawbacks

It seems like they don't have yet a large amount of themes available, so a dynamic theme switch using Diego's Gist could very quickly break away from the library's supported themes. In a situation like this a fallback theme rose-pine-moon for example could be provided.

Final thoughts

I feel like this is a nice feature to explore and we can take away two outcomes from discussing it more below in the comments. Here are the outcomes:

  • We just refactor everything to use colors from tailwind.config.js instead of hard coding them.
  • We discuss further the implementation of such dynamic theming coming from the Gist with some sort of fallback.

Please let me know what you think.

starship configuration

compartilha suas configurações do starship (starship.toml) também. Mas no caso, só as que você julgar necessárias.

[QUESTION] Recommended OS X apps for developers, designers and productivity

Hi @diego3g I came here to ask which apps for OS X do you use daily to facilitate your work and increase your productivity.

I do remember you share some of these once in a past Rocketseat's video, but I lost the reference.

I'm talking about, for example, something like an eyedropper for designers or a window organizer (like Magnet or Rectangle) and so on.

I checked the issue #20 but it's about tools and not specific OS X apps. And yet it's about the implementation/visualization of them on fala.dev website.

Full setup

Hello @diego3g, an important thing is the complete setup, chair, table, monitor. Could you include or recommend, within what you have already used/tested, what works best and is cost-effective?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.